feat: move readonly to item.

This commit is contained in:
rabbitism
2024-03-05 17:53:16 +08:00
parent fdc6b2e156
commit 8ac608505b
5 changed files with 25 additions and 71 deletions

View File

@@ -19,6 +19,7 @@
<u:Breadcrumb>
<TextBlock Text="Hello" />
<u:BreadcrumbItem Content="World" IsReadOnly="True"></u:BreadcrumbItem>
<u:BreadcrumbItem Icon="?" Separator="♥" />
<TextBlock Text="Avalonia" />
<TextBlock Text="Ursa" />
@@ -29,7 +30,7 @@
<TextBlock Text="Avalonia" />
<TextBlock Text="Ursa" />
</u:Breadcrumb>
<u:Breadcrumb IsReadOnly="True">
<u:Breadcrumb>
<TextBlock Text="Hello" />
<u:BreadcrumbItem Icon="?" Separator="♥" />
<TextBlock Text="Avalonia" />
@@ -40,6 +41,11 @@
IconBinding="{Binding Icon}"
CommandBinding="{Binding Command}"
ItemsSource="{Binding Items1}">
<u:Breadcrumb.Styles>
<Style Selector="u|BreadcrumbItem" x:DataType="vm:BreadcrumbDemoItem">
<Setter Property="IsReadOnly" Value="{Binding IsReadOnly}"/>
</Style>
</u:Breadcrumb.Styles>
<u:Breadcrumb.IconTemplate>
<DataTemplate DataType="x:String">
<PathIcon Width="12" Height="12" Data="{Binding Path=., Converter={StaticResource IconConverter}}"></PathIcon>

View File

@@ -18,15 +18,16 @@ public class BreadcrumbDemoViewModel: ObservableObject
new BreadcrumbDemoItem() { Section = "Page 1", Icon = "Page" },
new BreadcrumbDemoItem() { Section = "Page 2", Icon = "Page" },
new BreadcrumbDemoItem() { Section = "Page 3", Icon = "Page" },
new BreadcrumbDemoItem() { Section = "Page 4", Icon = "Page" },
new BreadcrumbDemoItem() { Section = "Page 4", Icon = "Page", IsReadOnly = true},
};
}
}
public class BreadcrumbDemoItem: ObservableObject
public partial class BreadcrumbDemoItem: ObservableObject
{
public string Section { get; set; }
public string Icon { get; set; }
[ObservableProperty] private bool _isReadOnly;
public ICommand Command { get; set; }