Xamarin'de CardView seçin

Nov 17 2020

Xamarin'imde iki tane var CardView(https://github.com/tiger4589/Xamarin.Forms-CardView) ayrı içinde Grid.Column.

Yapmak istediğim, Düğmeyi etkinleştiren bir CardView (her seferinde bir tane) seçmek.

Buna nasıl ulaşabilirim?

CardView için .xml kodu

<Grid Grid.Column="0">
    <cardView:CardView>
        <cardView:CardView.CardViewContent>
            <StackLayout>
                <Label 
                    Text="PIN"
                    FontSize="18"
                    HorizontalTextAlignment="Center">
                </Label>
            </StackLayout>
        </cardView:CardView.CardViewContent>
    </cardView:CardView>
</Grid>

<Grid Grid.Column="1">
    <cardView:CardView>
        <cardView:CardView.CardViewContent>
            <StackLayout>
                <Label 
                    Text="QR Scan"
                    FontSize="18"
                    HorizontalTextAlignment="Center">
                </Label>
            </StackLayout>
        </cardView:CardView.CardViewContent>
    </cardView:CardView>
</Grid>

Button için .xml kodu

<Button
    x:Name="FormButton"
    IsEnabled="False"
    TextColor="#4DABFE"
    Text="Submit">
</Button>

CollectionView'DA GÜNCELLEME

<StackLayout>
    <Frame >
        <CollectionView ItemsSource="{Binding .}"
            SelectionMode="Single">
            <CollectionView.ItemTemplate>
                <DataTemplate>
                    <StackLayout Orientation="Horizontal">
                        <Label Text="Tokyo"
                               FontSize="20"
                               TextColor="Orange"
                   VerticalOptions="Center" />
                    </StackLayout>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>
    </Frame>
</StackLayout>

Yanıtlar

1 RonakShethia Nov 17 2020 at 14:48

Koleksiyon görünümünüz şöyle görünür

 <CollectionView x:Name="MyCollection"
        SelectionMode="Single">
        <CollectionView.ItemTemplate>
            <DataTemplate>
                <StackLayout Orientation="Horizontal">
                    <Label Text="{Binding Title}"
                           FontSize="20"
                           TextColor="{Binding ItemColor}"
               VerticalOptions="Center" />
                </StackLayout>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>

Şimdi bir model oluşturmanız gerekiyor. Örn. Aşağıdaki gibi özelliğe sahip olan MyDataModel

class MyDataModel
        {
         public int ItemId{ get; set; }
         public string Title { get; set; }
         public string ItemColor { get; set; }
        }

şimdi .cs dosyanızdaki listeyi başlatmanız gerekir, bu görünüm görünüm modelini de yapabilirsiniz, ancak sizin durumunuzda .cs kullanıyorsunuz, böylece kurucunuzda böyle bir şey görünecektir

var myList = new List<MyDataModel>();

Loop your XmlData List
eg. XmlDataList.ForEach((item)=>{ myList.Add(new MyDataModel{Title = item.properyinxml 
 })});

MyCollection.ItemSource = myList;