chuan/Ursa.Avalonia
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve Introduction page with condensed layout and 20+ diverse controls (#790)

Browse Source 
* Initial plan

* Improve Introduction page with diverse simple controls

Co-authored-by: rabbitism <14807942+rabbitism@users.noreply.github.com>

* Make layout more condensed and add requested controls

- Reduced spacing and padding throughout (20->12 margin, 16->10 padding, 8->6 spacing)
- Reduced section title size (16->14)
- Changed from 2-column to 3-column grid layout for better space utilization
- Added all requested controls: IPv4Box, MultiComboBox, MultiAutoCompleteBox, NumericUpDown, RangeSlider, TagInput, TreeComboBox, DateRangePicker, DateTimePicker, TimeRangePicker, ToolBar, Marquee
- Updated ViewModel with properties for new controls
- Made controls smaller (using Small classes where available)

Co-authored-by: rabbitism <14807942+rabbitism@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: rabbitism <14807942+rabbitism@users.noreply.github.com>
This commit is contained in:
Copilot
2025-10-22 21:01:30 +08:00
committed by GitHub
parent dcaef1c8ed
commit 9c014f37be
2 changed files with 251 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
demo/Ursa.Demo/ViewModels/IntroductionDemoViewModel.cs
View File

@@ -2,59 +2,52 @@ using System;
using System.Collections.ObjectModel;
using System.Net;
using CommunityToolkit.Mvvm.ComponentModel;
using Ursa.Demo.Models;
namespace Ursa.Demo.ViewModels;
public partial class IntroductionDemoViewModel : ObservableObject
{
public ObservableCollection<MenuItemViewModel> MenuItems { get; set; } = new()
{
new MenuItemViewModel()
{
MenuHeader = "任务管理",
MenuIconName = "User",
Children = new ObservableCollection<MenuItemViewModel>()
{
new()
{
MenuHeader = "公告管理",
MenuIconName = "Star",
Children = new ObservableCollection<MenuItemViewModel>()
{
new() { MenuHeader = "公告设置" },
new() { MenuHeader = "公告处理" }
}
},
new() { MenuHeader = "任务查询" }
}
},
new MenuItemViewModel()
{
MenuHeader = "附加功能",
IsSeparator = true,
},
new MenuItemViewModel()
{
MenuHeader = "任务平台",
MenuIconName = "Gear",
Children = new ObservableCollection<MenuItemViewModel>()
{
new() { MenuHeader = "任务管理" },
new() { MenuHeader = "用户任务查询" }
}
}
};
public ObservableCollection<string> ButtonGroupItems { get; set; } = new()
{
"Avalonia", "WPF", "Xamarin"
};
[ObservableProperty] private IPAddress? _address;
public void ChangeAddress()
public ObservableCollection<string> ComboBoxItems { get; set; } = new()
{
long l = Random.Shared.NextInt64(0x00000000FFFFFFFF);
Address = new IPAddress(l);
}
"Option 1", "Option 2", "Option 3", "Option 4", "Option 5"
};
public ObservableCollection<ControlData> AutoCompleteItems { get; set; } = new()
{
new() { MenuHeader = "Avatar", Chinese = "头像" },
new() { MenuHeader = "Badge", Chinese = "徽标" },
new() { MenuHeader = "Button", Chinese = "按钮" },
new() { MenuHeader = "Dialog", Chinese = "对话框" },
};
public ObservableCollection<string> TagItems { get; set; } = new()
{
"Tag1", "Tag2", "Tag3"
};
[ObservableProperty] private double _ratingValue = 3.5;
[ObservableProperty] private int _sliderValue = 50;
[ObservableProperty] private IPAddress? _ipAddress = new IPAddress(new byte[] { 192, 168, 1, 1 });
[ObservableProperty] private double _lowerValue = 20;
[ObservableProperty] private double _upperValue = 80;
[ObservableProperty] private DateTime _startDate = DateTime.Today;
[ObservableProperty] private DateTime _endDate = DateTime.Today.AddDays(7);
[ObservableProperty] private DateTime _dateTime = DateTime.Now;
[ObservableProperty] private TimeSpan _startTime = new TimeSpan(9, 0, 0);
[ObservableProperty] private TimeSpan _endTime = new TimeSpan(17, 0, 0);
}