Som rozvojových Facebook ako zdroje stránku, kde som si zoznam adries Url ( videá a obrázky ). Ako môžem zaťaženie v xaml Ui kontroly konkrétne adresy Url typu ( obrázok alebo video ).
Príklad :
```<CollectionView ItemsSource="{Binding UrlList}">
<Grid>
If ( url is image)
<Image Source="{Binding Url}"/>
If ( url is video )
<MediaElement Source="{Binding Url}" />
</Grid>
</CollectionView>```
Áno, môžete použiť DataTemplateSelector na dosiahnutie tohto cieľa.
A DataTemplateSelector môže byť použitý, ak chcete vybrať DataTemplate pri behu na základe hodnoty údajov viazaný majetok. To umožňuje viac DataTemplates sa použijú na rovnaký typ objektu, prispôsobiť vzhľad jednotlivých objektov.
1.Vytvorenie DataTemplateSelector
Dátový šablóny výber sa realizuje vytvorením triedy, ktorá sa dedí z DataTemplateSelector. Na OnSelectTemplate metóda je potom prevýšené vrátiť konkrétny DataTemplate.
Môžete obrátiť nasledujúci kód:
public class UrlTemplateSelector : DataTemplateSelector
{
public DataTemplate ImageTemplate { get; set; }
public DataTemplate VideoTemplate { get; set; }
public DataTemplate OtherTemplate { get; set; }
protected override DataTemplate OnSelectTemplate(object item, BindableObject container)
{
ItemModel model = (ItemModel)item;
if (model.Url.EndsWith(".mp4")|| model.Url.EndsWith(".avi")|| model.Url.EndsWith(".rmvb")) // you can add multiple video file suffixes
{
return VideoTemplate;
}
else if (model.Url.EndsWith(".png")|| model.Url.EndsWith(".bmp") || model.Url.EndsWith(".jpg"))//you can add multiple image file suffixes
{
return ImageTemplate;
}
else {
return OtherTemplate;
}
}
}
Predpokladajme, že ItemModel je viazané ve položky.
public class ItemModel
{
public string Name { get; set; }
public string Url { get; set; }
}
2. Použitie(predpokladám, že stránka je TestPage)
TestPage.xaml
<ContentPage.Resources>
<ResourceDictionary>
<DataTemplate x:Key="imageTemplate">
<ViewCell>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.4*" />
<ColumnDefinition Width="0.6*" />
</Grid.ColumnDefinitions>
<Label Text="{Binding Name}" TextColor="Green" FontAttributes="Bold" />
<Image Grid.Column="1" Source="{Binding Url}" />
</Grid>
</ViewCell>
</DataTemplate>
<DataTemplate x:Key="videoTemplate">
<ViewCell>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.4*" />
<ColumnDefinition Width="0.6*" />
</Grid.ColumnDefinitions>
<Label Text="{Binding Name}" TextColor="Red" FontAttributes="Bold" />
<behaviors:MediaElement Grid.Column="1" Source="{Binding Url}" />
</Grid>
</ViewCell>
</DataTemplate>
<local:UrlTemplateSelector x:Key="mediaUrlTemplateSelector" ImageTemplate="{StaticResource imageTemplate}" VideoTemplate="{StaticResource videoTemplate}" />
</ResourceDictionary>
</ContentPage.Resources>
<StackLayout Margin="20">
<Label Text="ListView with a DataTemplateSelector" FontAttributes="Bold" HorizontalOptions="Center" />
<ListView x:Name="listView" Margin="0,20,0,0" ItemTemplate="{StaticResource mediaUrlTemplateSelector}" />
</StackLayout>
Pre viac informácií, môžete skontrolovať:https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/templates/data-templates/selector.
A tam je vzorka zahrnutá vo vyššie uvedených dokumentov, môžete si to vyskúšať.