ZFX + Developia

Code: Alles auswählen

Widget
{
	Panel(VerticalAlignment=Center, HorizontalAlignment=Center, Margin=16)
	{
		Table(Rows=4, Columns=3, Margin=16, Padding=8)
		{
			Button(Table.Row=0, Table.Column=0) {
				Label(Text="1");
			}
			Button(Table.Row=0, Table.Column=1) {
				Label(Text="2");
			}
			Button(Table.Row=0, Table.Column=2) {
				Label(Text="3");
			}
			
			Button(Table.Row=1, Table.Column=0) {
				Label(Text="4");
			}
			Button(Table.Row=1, Table.Column=1) {
				Label(Text="5");
			}
			Button(Table.Row=1, Table.Column=2) {
				Label(Text="6");
			}
			
			Button(Table.Row=2, Table.Column=0) {
				Label(Text="7");
			}
			Button(Table.Row=2, Table.Column=1) {
				Label(Text="8");
			}
			Button(Table.Row=2, Table.Column=2) {
				Label(Text="9");
			}
			
			Button(Table.Row=3, Table.Column=0) {
				Label(Text="*");
			}
			Button(Table.Row=3, Table.Column=1) {
				Label(Text="0");
			}
			Button(Table.Row=3, Table.Column=2) {
				Label(Text="#");
			}
		}
	}
}

Code: Alles auswählen

Skin
{
	Button : Style(Width=48, Height=48, Padding="4;0;0;10") {
		Default : Texture(Source = "button-normal.png");
		Hovered : Texture(Source = "button-hovered.png");
		Active  : Texture(Source = "button-clicked.png");
	}
	Label : Style(Font="kenvector_future.ttf", FontSize=24, FontColor=Black);
	Panel : Style {
		Default : TextureBox(EdgeWidth = 10) {
			TopLeft      : Texture(Source = "panel.png", Rect = "0;0;10;10");
			TopRight     : Texture(Source = "panel.png", Rect = "90;0;10;10");
			BottomLeft   : Texture(Source = "panel.png", Rect = "0;90;10;10");
			BottomRight  : Texture(Source = "panel.png", Rect = "90;90;10;10");
			
			TopMiddle    : Texture(Source = "panel.png", Rect = "10;0;80;10");
			MiddleLeft   : Texture(Source = "panel.png", Rect = "0;10;10;80");
			MiddleRight  : Texture(Source = "panel.png", Rect = "90;10;10;80");
			BottomCenter : Texture(Source = "panel.png", Rect = "10;90;80;10");
			
			Center       : Texture(Source = "panel.png", Rect = "10;10;80;80");
		}
	}
}

Code: Alles auswählen

Widget
{
	Panel(VerticalAlignment=Center, HorizontalAlignment=Center, Margin=16)
	{
		DockPanel(Margin=16) {
			Panel(DockPanel.Dock=Top) {
				Label(HorizontalAlignment=Left, Text=[DisplayText], Margin=10);
			}
			Table(Rows=4, Columns=3, Padding=8)
			{
				Button(Table.Row=0, Table.Column=0, Click=[Input1]) {
					Label(Text="1");
				}
				Button(Table.Row=0, Table.Column=1, Click=[Input2]) {
					Label(Text="2");
				}
				Button(Table.Row=0, Table.Column=2, Click=[Input3]) {
					Label(Text="3");
				}
				...

Code: Alles auswählen

namespace Solid.UI.Demo
{
	using System;
	using System.ComponentModel;

	public sealed class GameViewModel 
	{
		private string displayText = "";

		public event PropertyChangedEventHandler PropertyChanged;

		public GameViewModel()
		{
			this.Input0 = new KeypadCommand(this, 0);
			this.Input1 = new KeypadCommand(this, 1);
			this.Input2 = new KeypadCommand(this, 2);
			this.Input3 = new KeypadCommand(this, 3);
			this.Input4 = new KeypadCommand(this, 4);
			this.Input5 = new KeypadCommand(this, 5);
			this.Input6 = new KeypadCommand(this, 6);
			this.Input7 = new KeypadCommand(this, 7);
			this.Input8 = new KeypadCommand(this, 8);
			this.Input9 = new KeypadCommand(this, 9);
		}

		private void InputNumber(int number)
		{
			Console.WriteLine("Input: {0}", number);
			this.DisplayText += number.ToString();
		}

		public string DisplayText
		{
			get { return this.displayText; }
			private set
			{
				this.displayText = value;
				this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(DisplayText)));
			}
		}

		public Command Input0 { get; private set; }
		public Command Input1 { get; private set; }
		public Command Input2 { get; private set; }
		public Command Input3 { get; private set; }
		public Command Input4 { get; private set; }
		public Command Input5 { get; private set; }
		public Command Input6 { get; private set; }
		public Command Input7 { get; private set; }
		public Command Input8 { get; private set; }
		public Command Input9 { get; private set; }

		private class KeypadCommand : Command
		{
			private readonly GameViewModel vm;
			private int value;

			public KeypadCommand(GameViewModel gameViewModel, int value)
			{
				this.vm = gameViewModel;
				this.value = value;
			}

			public override void Execute() => this.vm.InputNumber(this.value);
		}
	}
}

Code: Alles auswählen

Button(Table.Row=3, Table.Column=2) {
	Image(Source = "green_checkmark.png");
}

Code: Alles auswählen

namespace Solid.UI
{
	using Solid.Layout;

	public class Image : UIWidget
	{
		public static readonly SolidProperty SourceProperty = SolidProperty.Register<Image, Texture>(nameof(Source));

		public override Size SizeHint =>  this.Source?.Size ?? base.SizeHint;

		private TextureBrush brush = new TextureBrush();

		protected override void OnDrawPreChildren()
		{
			base.OnDrawPreChildren();

			var rect = GetClientRectangle();
			if(this.Source != null)
			{
				this.brush.Texture = this.Source;
				this.UserInterface.RenderBrush(this.brush, rect);
			}
		}

		public Texture Source
		{
			get { return Get<Texture>(SourceProperty); }
			set { Set(SourceProperty, value); }
		}
	}
}

Code: Alles auswählen

override public function build(parent:String):void {
  surface.divide(parent, "v", "numpad app:area/title-|display:title.|a.|b.|c.|d.");//vertical
  surface.divide("a", "h", "1:nbt.|2:nbt.|3:nbt.");
  surface.divide("b", "h", "4:nbt.|5:nbt.|6:nbt.");
  surface.divide("c", "h", "7:nbt.|8:nbt.|9:nbt.");
  surface.divide("d", "h", "X:xbt.|0:nbt.|#:xbt.");
}

Code: Alles auswählen

override public function handle(spot:Hotspot):void {
  if(spot.click){
    if (spot.type == "nbt"){//number button
      msg="";//clear message
      if(code.length < 4)code += spot.name;//add number to code
    }
    if (spot.name == "#") msg = (code.length==4?"WRONG CODE":"NEED 4 NUMBERS");//enter
    if (spot.name == "X")code = "";//clear
  }
  if (spot.name == "display") spot.caption = (code == ""?"[ENTER CODE]":msg+"\n"+code);//display
  if (spot.type == "nbt" || spot.type=="xbt")spot.type = "area/button/title";//prepare for default rendering
}