improved grid demo
This commit is contained in:
1 parent
ec9a588dec
commit
da38306a0a
13 files changed
+319
-66
No files matched your search
@@ -114,6 +114,15 @@ namespace HandyControlDemo.Properties.Langs {
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 查找类似 基础布局 的本地化字符串。
|
||||
/// </summary>
|
||||
public static string BasicLayout {
|
||||
get {
|
||||
return ResourceManager.GetString("BasicLayout", resourceCulture);
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 查找类似 闪烁 的本地化字符串。
|
||||
/// </summary>
|
||||
@@ -135,9 +144,9 @@ namespace HandyControlDemo.Properties.Langs {
|
||||
/// <summary>
|
||||
/// 查找类似 边框 的本地化字符串。
|
||||
/// </summary>
|
||||
public static string Border1 {
|
||||
public static string Border {
|
||||
get {
|
||||
return ResourceManager.GetString("Border1", resourceCulture);
|
||||
return ResourceManager.GetString("Border", resourceCulture);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -276,6 +285,24 @@ namespace HandyControlDemo.Properties.Langs {
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 查找类似 分栏偏移 的本地化字符串。
|
||||
/// </summary>
|
||||
public static string ColumnOffset {
|
||||
get {
|
||||
return ResourceManager.GetString("ColumnOffset", resourceCulture);
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 查找类似 分栏间隔 的本地化字符串。
|
||||
/// </summary>
|
||||
public static string ColumnSpacing {
|
||||
get {
|
||||
return ResourceManager.GetString("ColumnSpacing", resourceCulture);
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 查找类似 组合框 的本地化字符串。
|
||||
/// </summary>
|
||||
@@ -627,6 +654,15 @@ namespace HandyControlDemo.Properties.Langs {
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 查找类似 混合布局 的本地化字符串。
|
||||
/// </summary>
|
||||
public static string HybridLayout {
|
||||
get {
|
||||
return ResourceManager.GetString("HybridLayout", resourceCulture);
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 查找类似 忽略 的本地化字符串。
|
||||
/// </summary>
|
||||
@@ -1086,6 +1122,15 @@ namespace HandyControlDemo.Properties.Langs {
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 查找类似 响应式布局 的本地化字符串。
|
||||
/// </summary>
|
||||
public static string ResponsiveLayout {
|
||||
get {
|
||||
return ResourceManager.GetString("ResponsiveLayout", resourceCulture);
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 查找类似 富文本框 的本地化字符串。
|
||||
/// </summary>
|
||||
|
||||
@@ -309,9 +309,6 @@
|
||||
<data name="TreeView" xml:space="preserve">
|
||||
<value>TreeView</value>
|
||||
</data>
|
||||
<data name="Border1" xml:space="preserve">
|
||||
<value>Border</value>
|
||||
</data>
|
||||
<data name="ScrollViewer" xml:space="preserve">
|
||||
<value>ScrollViewer</value>
|
||||
</data>
|
||||
@@ -585,4 +582,22 @@
|
||||
<data name="Grid" xml:space="preserve">
|
||||
<value>Grid</value>
|
||||
</data>
|
||||
<data name="BasicLayout" xml:space="preserve">
|
||||
<value>Basic layout</value>
|
||||
</data>
|
||||
<data name="ColumnSpacing" xml:space="preserve">
|
||||
<value>Column spacing</value>
|
||||
</data>
|
||||
<data name="HybridLayout" xml:space="preserve">
|
||||
<value>Hybrid layout</value>
|
||||
</data>
|
||||
<data name="ColumnOffset" xml:space="preserve">
|
||||
<value>Column offset</value>
|
||||
</data>
|
||||
<data name="ResponsiveLayout" xml:space="preserve">
|
||||
<value>Responsive layout</value>
|
||||
</data>
|
||||
<data name="Border" xml:space="preserve">
|
||||
<value>Border</value>
|
||||
</data>
|
||||
</root>
|
||||
@@ -309,7 +309,7 @@
|
||||
<data name="TreeView" xml:space="preserve">
|
||||
<value>树视图</value>
|
||||
</data>
|
||||
<data name="Border1" xml:space="preserve">
|
||||
<data name="Border" xml:space="preserve">
|
||||
<value>边框</value>
|
||||
</data>
|
||||
<data name="ScrollViewer" xml:space="preserve">
|
||||
@@ -585,4 +585,19 @@
|
||||
<data name="Grid" xml:space="preserve">
|
||||
<value>栅格</value>
|
||||
</data>
|
||||
<data name="BasicLayout" xml:space="preserve">
|
||||
<value>基础布局</value>
|
||||
</data>
|
||||
<data name="ColumnSpacing" xml:space="preserve">
|
||||
<value>分栏间隔</value>
|
||||
</data>
|
||||
<data name="HybridLayout" xml:space="preserve">
|
||||
<value>混合布局</value>
|
||||
</data>
|
||||
<data name="ColumnOffset" xml:space="preserve">
|
||||
<value>分栏偏移</value>
|
||||
</data>
|
||||
<data name="ResponsiveLayout" xml:space="preserve">
|
||||
<value>响应式布局</value>
|
||||
</data>
|
||||
</root>
|
||||
@@ -3,57 +3,153 @@
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
|
||||
xmlns:extension="clr-namespace:HandyControl.Tools.Extension;assembly=HandyControl"
|
||||
xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
|
||||
Background="{DynamicResource RegionBrush}">
|
||||
<ScrollViewer>
|
||||
<StackPanel Margin="32">
|
||||
<controls:Row>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
<TextBlock Text="{x:Static langs:Lang.BasicLayout}" Style="{StaticResource TextBlockLargeBold}" HorizontalAlignment="Left"/>
|
||||
<controls:Row Margin="0,20,0,0">
|
||||
<controls:Col Span="24">
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
</controls:Row>
|
||||
<controls:Row Margin="0,20,0,0">
|
||||
<controls:Col Span="12">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
<controls:Col Span="12">
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
</controls:Row>
|
||||
<controls:Row Margin="0,20,0,0">
|
||||
<controls:Col Span="8">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
<controls:Col Span="8">
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
<controls:Col Span="8">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
</controls:Row>
|
||||
<controls:Row Margin="0,20,0,0">
|
||||
<controls:Col Span="6">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
<controls:Col Span="6">
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
<controls:Col Span="6">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
<controls:Col Span="6">
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
</controls:Row>
|
||||
<controls:Row Margin="0,20,0,0">
|
||||
<controls:Col Span="4">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
<controls:Col Span="4">
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
<controls:Col Span="4">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
<controls:Col Span="4">
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
<controls:Col Span="4">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col>
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4" Margin="10"/>
|
||||
<controls:Col Span="4">
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
</controls:Row>
|
||||
<TextBlock Text="{x:Static langs:Lang.ColumnSpacing}" Margin="0,32,0,0" Style="{StaticResource TextBlockLargeBold}" HorizontalAlignment="Left"/>
|
||||
<controls:Row Margin="0,20,0,0" Gutter="20">
|
||||
<controls:Col Span="6">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Span="6">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Span="6">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Span="6">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
</controls:Row>
|
||||
<TextBlock Text="{x:Static langs:Lang.HybridLayout}" Margin="0,32,0,0" Style="{StaticResource TextBlockLargeBold}" HorizontalAlignment="Left"/>
|
||||
<controls:Row Margin="0,20,0,0" Gutter="20">
|
||||
<controls:Col Span="16">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Span="8">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
</controls:Row>
|
||||
<controls:Row Margin="0,20,0,0" Gutter="20">
|
||||
<controls:Col Span="8">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Span="8">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Span="4">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Span="4">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
</controls:Row>
|
||||
<controls:Row Margin="0,20,0,0" Gutter="20">
|
||||
<controls:Col Span="4">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Span="16">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Span="4">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
</controls:Row>
|
||||
<TextBlock Text="{x:Static langs:Lang.ColumnOffset}" Margin="0,32,0,0" Style="{StaticResource TextBlockLargeBold}" HorizontalAlignment="Left"/>
|
||||
<controls:Row Margin="0,20,0,0" Gutter="20">
|
||||
<controls:Col Span="6">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Span="6" Offset="6">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
</controls:Row>
|
||||
<controls:Row Margin="0,20,0,0" Gutter="20">
|
||||
<controls:Col Span="6" Offset="6">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Span="6" Offset="6">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
</controls:Row>
|
||||
<controls:Row Margin="0,20,0,0" Gutter="20">
|
||||
<controls:Col Span="12" Offset="6">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
</controls:Row>
|
||||
<TextBlock Text="{x:Static langs:Lang.ResponsiveLayout}" Margin="0,32,0,0" Style="{StaticResource TextBlockLargeBold}" HorizontalAlignment="Left"/>
|
||||
<controls:Row Margin="0,20,0,0" Gutter="10">
|
||||
<controls:Col Layout="{extension:ColLayout Xs=8, Sm=6, Md=4, Lg=3, Xl=1}">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Layout="{extension:ColLayout Xs=4, Sm=6, Md=8, Lg=9, Xl=11}">
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Layout="{extension:ColLayout Xs=4, Sm=6, Md=8, Lg=9, Xl=11}">
|
||||
<Border Background="{DynamicResource BorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
<controls:Col Layout="{extension:ColLayout Xs=8, Sm=6, Md=4, Lg=3, Xl=1}">
|
||||
<Border Background="{DynamicResource SecondaryBorderBrush}" Height="36" CornerRadius="4"/>
|
||||
</controls:Col>
|
||||
</controls:Row>
|
||||
</StackPanel>
|
||||
|
||||
@@ -161,7 +161,7 @@
|
||||
<Image Source="../../Resources/Img/LeftMainContent/ToolBar_16x.png"/>
|
||||
</controls:EdgeElement.LeftContent>
|
||||
</ListBoxItem>
|
||||
<ListBoxItem Tag="{x:Static data:MessageToken.BorderDemoCtl}" Content="{x:Static langs:Lang.Border1}">
|
||||
<ListBoxItem Tag="{x:Static data:MessageToken.BorderDemoCtl}" Content="{x:Static langs:Lang.Border}">
|
||||
<controls:EdgeElement.LeftContent>
|
||||
<Image Source="../../Resources/Img/LeftMainContent/BorderElement_16x.png"/>
|
||||
</controls:EdgeElement.LeftContent>
|
||||
|
||||
Reference in new issue
Block a user