布局学习

This commit is contained in:
bunny 2024-10-21 16:48:09 +08:00
parent 9dc2edbba2
commit 7530449770
6 changed files with 72 additions and 30 deletions

View File

@ -10,7 +10,6 @@
</Application.DataTemplates>
<Application.Styles>
<FluentTheme>
<FluentTheme>
<FluentTheme.Palettes>
<ColorPaletteResources x:Key="Light" Accent="#ff8961cc" AltHigh="White" AltLow="White"
@ -35,6 +34,5 @@
ListLow="#ff3f2e4b" ListMedium="#ff64576b" RegionColor="#ff262738" />
</FluentTheme.Palettes>
</FluentTheme>
</FluentTheme>
</Application.Styles>
</Application>

View File

@ -0,0 +1,26 @@
<Window xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
x:Class="AvaloniaApplication1.Views.LayoutDemo1"
Title="LayoutDemo1"
Width="1200"
Height="800"
Background="SlateBlue"
ExtendClientAreaToDecorationsHint="True"
TransparencyLevelHint="AcrylicBlur"
WindowStartupLocation="CenterOwner">
<Border Background="BurlyWood"
BorderBrush="Black"
BorderThickness="2"
Padding="15">
<StackPanel Width="1170" Height="770" Background="White" HorizontalAlignment="Center" VerticalAlignment="Top">
<TextBox Margin="5,0 " FontSize="18" HorizontalAlignment="Center">布局示例内容。。。。。。 </TextBox>
<Button HorizontalAlignment="Left" Content="第一个按钮" />
<Button HorizontalAlignment="Right" Content="第二个按钮" />
<Button HorizontalAlignment="Stretch" Content="第三个按钮" />
<Button HorizontalAlignment="Center" Content="第四个按钮" />
</StackPanel>
</Border>
</Window>

View File

@ -0,0 +1,13 @@
using Avalonia;
using Avalonia.Controls;
using Avalonia.Markup.Xaml;
namespace AvaloniaApplication1.Views;
public partial class LayoutDemo1 : Window
{
public LayoutDemo1()
{
InitializeComponent();
}
}

View File

@ -1,8 +1,9 @@
using Avalonia.Controls;
using Avalonia.ReactiveUI;
using AvaloniaApplication1.ViewModels;
namespace AvaloniaApplication1.Views;
public partial class LayoutWindow : Window
public partial class LayoutWindow : ReactiveWindow<LayoutWindowViewModel>
{
public LayoutWindow()
{

View File

@ -24,8 +24,9 @@
</Design.DataContext>
<StackPanel>
<Button Content="显示第一个布局demo" Click="ShowDemo1OnClick" />
<Button Content="显示布局" Click="ShowLayoutOnClick" />
<Button Name="MainButton" Click="MainButtOnClick" />
<Button Name="MainButton" Click="MainButtOnClick" Content="显示弹窗" />
</StackPanel>
</Window>

View File

@ -3,7 +3,6 @@ using System.Collections.Generic;
using System.Diagnostics;
using System.Runtime.InteropServices;
using Avalonia.Interactivity;
using Avalonia.Media;
using Avalonia.ReactiveUI;
using AvaloniaApplication1.ViewModels;
using MsBox.Avalonia;
@ -17,8 +16,6 @@ public partial class MainWindow : ReactiveWindow<MainWindowViewModel>
public MainWindow()
{
InitializeComponent();
MainButton.Content = "主页的按钮";
MainButton.Background = Brushes.YellowGreen;
}
private async void MainButtOnClick(object? sender, RoutedEventArgs e)
@ -79,4 +76,10 @@ public partial class MainWindow : ReactiveWindow<MainWindowViewModel>
var layoutWindow = new LayoutWindow();
layoutWindow.ShowDialog<string>(this);
}
private void ShowDemo1OnClick(object? sender, RoutedEventArgs e)
{
var layoutDemo1 = new LayoutDemo1();
layoutDemo1.ShowDialog<string>(this);
}
}