我可以在Xamarin的ObservableCollection的第一个项目上应用特定的风格吗



我想知道是否有一种方法可以将特定样式应用于Xamarin中ObservableCollection的第一个元素。我想自定义它,使其以特定的方式呈现,而不是其他方式。到目前为止,我做了很多研究,但没有找到任何能帮助我的东西。真的有可能做这样的事情吗?我的问题没有提供代码,因为我还需要开始我心目中的项目。

作为Jason的回复,您可以使用DataTemplateSelector来执行此操作,您需要一个属性来区分第一项和其他项。

我做了一个你可以看看的样品:

创建数据模板选择器:

public class itemDataTemplateSelector : DataTemplateSelector
{
public DataTemplate firsttemplate { get; set; }
public DataTemplate secondtemplate { get; set; }
protected override DataTemplate OnSelectTemplate(object item, BindableObject container)
{
if(((itemdata)item).isfirst==true)
{
return firsttemplate;
}
return secondtemplate;

}
}

在XAML 中使用DataTemplateSelector

<ContentPage.Resources>
<DataTemplate x:Key="firstitemTemplate">
<StackLayout Orientation="Horizontal">
<Label
FontSize="Large"
Text="{Binding name}"
TextColor="Green" />
<Label
FontSize="Large"
Text="{Binding age}"
TextColor="Green" />
</StackLayout>
</DataTemplate>
<DataTemplate x:Key="seconditemTemplate">
<StackLayout Orientation="Horizontal">
<Label Text="{Binding name}" TextColor="Red" />
<Label Text="{Binding age}" TextColor="Red" />
</StackLayout>
</DataTemplate>
<selector:itemDataTemplateSelector
x:Key="itemdatatemplateselector"
firsttemplate="{StaticResource firstitemTemplate}"
secondtemplate="{StaticResource seconditemTemplate}" />
</ContentPage.Resources>

申请Collectionview

<ContentPage.Content>
<StackLayout>
<CollectionView ItemTemplate="{StaticResource itemdatatemplateselector}" ItemsSource="{Binding items}" />
</StackLayout>
</ContentPage.Content>

我使用第一个Boolen属性来区分第一个项目和其他项目。

public partial class Page14 : ContentPage
{
public ObservableCollection<itemdata> items { get; set; }
public Page14()
{
InitializeComponent();
items = new ObservableCollection<itemdata>()
{
new itemdata(){name="cherry",age=28,isfirst=true },
new itemdata(){name="cherry 1",age=28,isfirst=false },
new itemdata(){name="cherry 2",age=28,isfirst=false },
new itemdata(){name="cherry 3",age=28,isfirst=false },
new itemdata(){name="cherry 4",age=28,isfirst=false }
};
this.BindingContext = this;
}
}
public class itemdata
{
public string name { get; set; }
public int age { get; set; }
public Boolean isfirst { get; set; }
}

相关内容

  • 没有找到相关文章

最新更新