Normalize TextFields

This commit is contained in:
Paul Chote
2011-05-16 22:23:44 +12:00
parent aa772db9a7
commit e09ccef48b
10 changed files with 147 additions and 98 deletions

View File

@@ -11,6 +11,7 @@
using System;
using System.Drawing;
using OpenRA.Traits;
using OpenRA.Graphics;
namespace OpenRA.Widgets
{
@@ -24,9 +25,7 @@ namespace OpenRA.Widgets
}
public int MaxLength = 0;
public bool Bold = false;
public int VisualHeight = 1;
public string Background = "dialog3";
public int LeftMargin = 5;
public int RightMargin = 5;
@@ -35,6 +34,13 @@ namespace OpenRA.Widgets
public Action OnLoseFocus = () => { };
public int CursorPosition { get; protected set; }
public Func<bool> IsDisabled = () => false;
public Color TextColor = Color.White;
public Color DisabledColor = Color.Gray;
public string Font = "Regular";
[Obsolete] public bool Bold = false;
public TextFieldWidget() : base() {}
protected TextFieldWidget(TextFieldWidget widget)
: base(widget)
@@ -42,6 +48,9 @@ namespace OpenRA.Widgets
Text = widget.Text;
MaxLength = widget.MaxLength;
Bold = widget.Bold;
Font = widget.Font;
TextColor = widget.TextColor;
DisabledColor = widget.DisabledColor;
VisualHeight = widget.VisualHeight;
}
@@ -55,6 +64,9 @@ namespace OpenRA.Widgets
// TODO: TextFieldWidgets don't support delegate methods for mouse input
public override bool HandleMouseInput(MouseInput mi)
{
if (IsDisabled())
return false;
if (mi.Event == MouseInputEvent.Move)
return false;
@@ -74,8 +86,10 @@ namespace OpenRA.Widgets
public int ClosestCursorPosition(int x)
{
var font = (Bold) ? Game.Renderer.Fonts["Bold"] : Game.Renderer.Fonts["Regular"];
if (Font == "Regular" && Bold)
Font = "Bold";
var font = Game.Renderer.Fonts[Font];
var textSize = font.Measure(Text);
var start = RenderOrigin.X + LeftMargin;
@@ -97,6 +111,9 @@ namespace OpenRA.Widgets
public override bool HandleKeyPressInner(KeyInput e)
{
if (IsDisabled())
return false;
if (e.Event == KeyInputEvent.Up) return false;
// Only take input if we are focused
@@ -183,13 +200,22 @@ namespace OpenRA.Widgets
public virtual void DrawWithString(string text)
{
var font = (Bold) ? Game.Renderer.Fonts["Bold"] : Game.Renderer.Fonts["Regular"];
if (Font == "Regular" && Bold)
Font = "Bold";
var font = Game.Renderer.Fonts[Font];
var pos = RenderOrigin;
var textSize = font.Measure(text);
var cursorPosition = font.Measure(text.Substring(0,CursorPosition));
WidgetUtils.DrawPanel(Background,
var disabled = IsDisabled();
var state = disabled ? "textfield-disabled" :
Focused ? "textfield-focused" :
RenderBounds.Contains(Viewport.LastMousePos) ? "textfield-hover" :
"textfield";
WidgetUtils.DrawPanel(state,
new Rectangle(pos.X, pos.Y, Bounds.Width, Bounds.Height));
// Inset text by the margin and center vertically
@@ -205,7 +231,8 @@ namespace OpenRA.Widgets
Bounds.Width - LeftMargin - RightMargin, Bounds.Bottom);
}
font.DrawText(text, textPos, Color.White);
var color = disabled ? DisabledColor : TextColor;
font.DrawText(text, textPos, color);
if (showCursor && Focused)
font.DrawText("|", new float2(textPos.X + cursorPosition.X - 2, textPos.Y), Color.White);

View File

@@ -122,79 +122,6 @@ namespace OpenRA.Mods.Cnc.Widgets
public override Widget Clone() { return new CncScrollPanelWidget(this); }
}
public class CncTextFieldWidget : TextFieldWidget
{
public CncTextFieldWidget()
: base() { }
protected CncTextFieldWidget(CncTextFieldWidget widget)
: base(widget) { }
public Func<bool> IsDisabled = () => false;
public Color TextColor = Color.White;
public Color DisabledColor = Color.Gray;
public override bool HandleMouseInput(MouseInput mi)
{
if (IsDisabled())
return false;
return base.HandleMouseInput(mi);
}
public override bool HandleKeyPressInner(KeyInput e)
{
if (IsDisabled())
return false;
return base.HandleKeyPressInner(e);
}
public override void DrawWithString(string text)
{
if (text == null) text = "";
var font = (Bold) ? Game.Renderer.Fonts["Bold"] : Game.Renderer.Fonts["Regular"];
var pos = RenderOrigin;
if (CursorPosition > text.Length)
CursorPosition = text.Length;
var textSize = font.Measure(text);
var cursorPosition = font.Measure(text.Substring(0,CursorPosition));
var disabled = IsDisabled();
var state = disabled ? "button-disabled" :
Focused ? "button-pressed" :
RenderBounds.Contains(Viewport.LastMousePos) ? "button-hover" :
"button";
WidgetUtils.DrawPanel(state,
new Rectangle(pos.X, pos.Y, Bounds.Width, Bounds.Height));
// Inset text by the margin and center vertically
var textPos = pos + new int2(LeftMargin, (Bounds.Height - textSize.Y) / 2 - VisualHeight);
// Right align when editing and scissor when the text overflows
if (textSize.X > Bounds.Width - LeftMargin - RightMargin)
{
if (Focused)
textPos += new int2(Bounds.Width - LeftMargin - RightMargin - textSize.X, 0);
Game.Renderer.EnableScissor(pos.X + LeftMargin, pos.Y, Bounds.Width - LeftMargin - RightMargin, Bounds.Bottom);
}
var color = disabled ? DisabledColor : TextColor;
font.DrawText(text, textPos, color);
if (showCursor && Focused)
font.DrawText("|", new float2(textPos.X + cursorPosition.X - 2, textPos.Y), color);
if (textSize.X > Bounds.Width - LeftMargin - RightMargin)
Game.Renderer.DisableScissor();
}
public override Widget Clone() { return new CncTextFieldWidget(this); }
}
public class CncSliderWidget : SliderWidget
{
public Func<bool> IsDisabled = () => false;

View File

@@ -58,7 +58,7 @@ namespace OpenRA.Mods.Cnc.Widgets
panel.GetWidget<TextFieldWidget>("LISTEN_PORT").Text = settings.Server.ListenPort.ToString();
advertiseOnline = Game.Settings.Server.AdvertiseOnline;
var externalPort = panel.GetWidget<CncTextFieldWidget>("EXTERNAL_PORT");
var externalPort = panel.GetWidget<TextFieldWidget>("EXTERNAL_PORT");
externalPort.Text = settings.Server.ExternalPort.ToString();
externalPort.IsDisabled = () => !advertiseOnline;
@@ -67,8 +67,8 @@ namespace OpenRA.Mods.Cnc.Widgets
advertiseCheckbox.OnClick = () => advertiseOnline ^= true;
// Disable these until we have some logic behind them
panel.GetWidget<CncTextFieldWidget>("SERVER_DESC").IsDisabled = () => true;
panel.GetWidget<CncTextFieldWidget>("SERVER_PASSWORD").IsDisabled = () => true;
panel.GetWidget<TextFieldWidget>("SERVER_DESC").IsDisabled = () => true;
panel.GetWidget<TextFieldWidget>("SERVER_PASSWORD").IsDisabled = () => true;
}
void CreateAndJoin()

View File

@@ -90,10 +90,10 @@ namespace OpenRA.Mods.Cnc.Widgets
windowModeDropdown.GetText = () => windowMode == WindowMode.Windowed ? "Windowed" : windowMode == WindowMode.Fullscreen ? "Fullscreen" : "Pseudo-Fullscreen";
generalPane.GetWidget("WINDOW_RESOLUTION").IsVisible = () => windowMode == WindowMode.Windowed;
var windowWidth = generalPane.GetWidget<CncTextFieldWidget>("WINDOW_WIDTH");
var windowWidth = generalPane.GetWidget<TextFieldWidget>("WINDOW_WIDTH");
windowWidth.Text = Game.Settings.Graphics.WindowedSize.X.ToString();
var windowHeight = generalPane.GetWidget<CncTextFieldWidget>("WINDOW_HEIGHT");
var windowHeight = generalPane.GetWidget<TextFieldWidget>("WINDOW_HEIGHT");
windowHeight.Text = Game.Settings.Graphics.WindowedSize.Y.ToString();
// Audio

View File

@@ -48,6 +48,54 @@ button-pressed: chrome.png
corner-bl: 64,254,2,2
corner-br: 126,254,2,2
# A copy of button
textfield: chrome.png
background: 2,194,60,60
border-r: 62,194,2,60
border-l: 0,194,2,60
border-b: 2,254,60,2
border-t: 2,192,60,2
corner-tl: 0,192,2,2
corner-tr: 62,192,2,2
corner-bl: 0,254,2,2
corner-br: 62,254,2,2
# A copy of button-hover
textfield-hover: chrome.png
background: 2,130,60,60
border-r: 62,132,2,60
border-l: 0,130,2,60
border-b: 2,190,60,2
border-t: 2,128,60,2
corner-tl: 0,128,2,2
corner-tr: 62,128,2,2
corner-bl: 0,190,2,2
corner-br: 62,190,2,2
# A copy of button-disabled
textfield-disabled: chrome.png
background: 66,130,60,60
border-r: 126,130,2,60
border-l: 64,130,2,60
border-b: 66,190,60,2
border-t: 66,128,60,2
corner-tl: 64,128,2,2
corner-tr: 126,128,2,2
corner-bl: 64,190,2,2
corner-br: 126,190,2,2
# A copy of button-pressed
textfield-focused: chrome.png
background: 66,194,60,60
border-r: 126,194,2,60
border-l: 64,194,2,60
border-b: 66,254,60,2
border-t: 66,192,60,2
corner-tl: 64,192,2,2
corner-tr: 126,192,2,2
corner-bl: 64,254,2,2
corner-br: 126,254,2,2
# A copy of button
progressbar-bg: chrome.png
background: 2,194,60,60

View File

@@ -49,7 +49,7 @@ Container@CREATESERVER_PANEL:
Height:25
Align:Right
Text:Server Name:
CncTextField@SERVER_NAME:
TextField@SERVER_NAME:
Id:SERVER_NAME
X:110
Y:15
@@ -64,7 +64,7 @@ Container@CREATESERVER_PANEL:
Height:25
Align:Right
Text:Description:
CncTextField@SERVER_DESC:
TextField@SERVER_DESC:
Id:SERVER_DESC
X:110
Y:50
@@ -78,7 +78,7 @@ Container@CREATESERVER_PANEL:
Height:25
Align:Right
Text:Password:
CncTextField@SERVER_PASSWORD:
TextField@SERVER_PASSWORD:
Id:SERVER_PASSWORD
X:110
Y:85
@@ -92,7 +92,7 @@ Container@CREATESERVER_PANEL:
Height:25
Align: Right
Text:Port:
CncTextField@LISTEN_PORT:
TextField@LISTEN_PORT:
Id:LISTEN_PORT
X:110
Y:120
@@ -121,7 +121,7 @@ Container@CREATESERVER_PANEL:
Height:25
Align:Right
Text:External Port:
CncTextField@EXTERNAL_PORT:
TextField@EXTERNAL_PORT:
Id:EXTERNAL_PORT
X:110
Y:220

View File

@@ -25,7 +25,7 @@ Container@DIRECTCONNECT_PANEL:
Height:25
Align:Right
Text:Address:
CncTextField@SERVER_ADDRESS:
TextField@SERVER_ADDRESS:
Id:IP
X:150
Y:15
@@ -38,7 +38,7 @@ Container@DIRECTCONNECT_PANEL:
Height:25
Align:Right
Text:Port:
CncTextField@PORT:
TextField@PORT:
Id:PORT
X:150
Y:50

View File

@@ -61,7 +61,7 @@ Container@SERVER_LOBBY:
Height:25
Visible:false
Children:
CncTextField@NAME:
TextField@NAME:
Id:NAME
Text:Name
Width:150
@@ -338,14 +338,13 @@ Container@SERVER_LOBBY:
Height:14
Width:PARENT_RIGHT - 100 - 10
WordWrap:true
CncTextField@CHAT_TEXTFIELD:
TextField@CHAT_TEXTFIELD:
Id:CHAT_TEXTFIELD
X:15
Y:PARENT_BOTTOM - HEIGHT - 15
Width:PARENT_RIGHT - 30
Height:25
LeftMargin:50
Background: panel-darkred
Children:
Label@LABEL_CHATTYPE:
Id:LABEL_CHATTYPE

View File

@@ -33,7 +33,7 @@ Container@SETTINGS_PANEL:
Height:25
Align:Right
Text:Name:
CncTextField@NAME_TEXTFIELD:
TextField@NAME_TEXTFIELD:
Id:NAME_TEXTFIELD
X:65
Y:40
@@ -125,7 +125,7 @@ Container@SETTINGS_PANEL:
Height:25
Width:25
Align:Center
CncTextField@SCREEN_WIDTH:
TextField@SCREEN_WIDTH:
Id:WINDOW_WIDTH
X:600
Y:40
@@ -140,7 +140,7 @@ Container@SETTINGS_PANEL:
Height:25
Width:25
Align:Center
CncTextField@SCREEN_HEIGHT:
TextField@SCREEN_HEIGHT:
Id:WINDOW_HEIGHT
X:670
Y:40

View File

@@ -285,3 +285,51 @@ button-pressed: dialog.png
corner-tr: 722,0,1,1
corner-bl: 640,82,1,1
corner-br: 722,82,1,1
# A copy of dialog3
textfield: dialog.png
background: 641,1,126,126
border-r: 767,1,1,126
border-l: 640,1,1,126
border-b: 641,127,126,1
border-t: 641,0,126,1
corner-tl: 640,0,1,1
corner-tr: 722,0,1,1
corner-bl: 640,82,1,1
corner-br: 722,82,1,1
# A copy of dialog3
textfield-hover: dialog.png
background: 641,1,126,126
border-r: 767,1,1,126
border-l: 640,1,1,126
border-b: 641,127,126,1
border-t: 641,0,126,1
corner-tl: 640,0,1,1
corner-tr: 722,0,1,1
corner-bl: 640,82,1,1
corner-br: 722,82,1,1
# A copy of dialog3
textfield-disabled: dialog.png
background: 641,1,126,126
border-r: 767,1,1,126
border-l: 640,1,1,126
border-b: 641,127,126,1
border-t: 641,0,126,1
corner-tl: 640,0,1,1
corner-tr: 722,0,1,1
corner-bl: 640,82,1,1
corner-br: 722,82,1,1
# A copy of dialog3
textfield-focused: dialog.png
background: 641,1,126,126
border-r: 767,1,1,126
border-l: 640,1,1,126
border-b: 641,127,126,1
border-t: 641,0,126,1
corner-tl: 640,0,1,1
corner-tr: 722,0,1,1
corner-bl: 640,82,1,1
corner-br: 722,82,1,1