我有一個(gè)使用輪播視圖的 xamarin.forms 應(yīng)用程序。我的輪播視圖每個(gè)視圖有 6 個(gè)項(xiàng)目。但現(xiàn)在它每次視圖顯示一個(gè)項(xiàng)目。我知道問(wèn)題是我需要?jiǎng)?chuàng)建一個(gè)List 的 List。但我被困在這個(gè)問(wèn)題上。我預(yù)期的輪播視圖輸出是這樣的。但我現(xiàn)在得到的是這樣的我原來(lái)的包含數(shù)據(jù)的列表是這樣的。 ObservableCollection<SECHomescreenData> resultObjForSEC = callForSECtilesScreen.APICallResult<ObservableCollection<SECHomescreenData>>();我的 SECHomescreenData。 public partial class SECHomescreenData { public string Status { get; set; } public string Countered { get; set; } }當(dāng)我將此列表綁定到我的輪播視圖時(shí)，它只會(huì)在每個(gè)視圖中顯示一個(gè)項(xiàng)目。我想要實(shí)現(xiàn)的是將數(shù)據(jù)填充到輪播的 6 項(xiàng)中，如果有第 7 項(xiàng)，則轉(zhuǎn)到輪播視圖的下一頁(yè)。那么我怎樣才能實(shí)現(xiàn)這一目標(biāo)呢？如果需要列表列表，我該怎么做？任何幫助表示贊賞。
1 回答
慕標(biāo)琳琳
TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超9個(gè)贊
實(shí)際上，您不需要使用List of List。設(shè)置每個(gè)Frame的大?。▽挾鹊扔谄聊粚挾鹊?/2，高度等于屏幕高度的1/3）。并設(shè)置屬性 Span="3"
CarouselView在 Xamarin.Forms 4.0 之后發(fā)布。
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:d="http://xamarin.com/schemas/2014/forms/design"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
x:Name="contentPage" // set the name of the contentpage
x:Class="xxx.MainPage">
<CarouselView ItemsSource="{Binding MyItems}" BackgroundColor="Transparent" HorizontalOptions="Center" VerticalOptions="Center">
<CarouselView.ItemsLayout>
<GridItemsLayout SnapPointsAlignment="Center" SnapPointsType="Mandatory" Span="3" Orientation="Horizontal"/>
</CarouselView.ItemsLayout>
<CarouselView.ItemTemplate>
<DataTemplate>
<Frame WidthRequest="{Binding Source={x:Reference contentPage}, Path=BindingContext.FrameWidth}" HeightRequest="{Binding Source={x:Reference contentPage}, Path=BindingContext.FrameHeight}" HasShadow="False" HorizontalOptions="FillAndExpand" IsClippedToBounds="True" BackgroundColor="#4D2F4F4F" BorderColor="#294145">
<StackLayout HorizontalOptions="FillAndExpand">
<Grid >
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<BoxView Grid.Row="0" Margin="2,2,10,2" HeightRequest="1" Color="LightGreen"></BoxView>
<Label Text="111111" Grid.Row="1" HorizontalOptions="StartAndExpand" FontSize="Small" TextColor="LightGray" Margin="2,0,0,0" >
</Label>
<Label Text="153" TextColor="White" HorizontalOptions="StartAndExpand" FontSize="Medium" Grid.Row="2" Margin="2,0,0,0" >
</Label>
<Image Source="alllead.png" HorizontalOptions="EndAndExpand" HeightRequest="30" Grid.Row="3" Margin="0,0,5,0"></Image>
</Grid>
</StackLayout>
</Frame>
</DataTemplate>
</CarouselView.ItemTemplate>
</CarouselView>
在共享項(xiàng)目 App.xaml.cs 中
public static double ScreenWidth;
public static double ScreenHeight;
在 Android MainActivity.cs 中
protected override void OnCreate(Bundle savedInstanceState)
{
TabLayoutResource = Resource.Layout.Tabbar;
ToolbarResource = Resource.Layout.Toolbar;
base.OnCreate(savedInstanceState);
Xamarin.Essentials.Platform.Init(this, savedInstanceState);
Forms.SetFlags("CollectionView_Experimental");
global::Xamarin.Forms.Forms.Init(this, savedInstanceState);
App.ScreenWidth = Resources.DisplayMetrics.WidthPixels/Resources.DisplayMetrics.Density;
App.ScreenHeight =Resources.DisplayMetrics.HeightPixels/Resources.DisplayMetrics.Density;
LoadApplication(new App());
}
在 iOS 中
public override bool FinishedLaunching(UIApplication app, NSDictionary options)
{
//...
App.ScreenWidth = UIScreen.MainScreen.Bounds.Width;
App.ScreenHeight = UIScreen.MainScreen.Bounds.Height;
//...
}
在代碼隱藏或 ViewModel 中
public double FrameHeight { get; private set; }
public double FrameWidth { get; private set; }
//...
FrameHeight = App.ScreenHeight/3.0;
FrameWidth = App.ScreenWidth/2.0;
- 1 回答
- 0 關(guān)注
- 136 瀏覽
添加回答
舉報(bào)
0/150
提交
取消