繁体   English   中英

Xamarin表单(IOS)中的图像滑块CarouselView问题

[英]Image Slider CarouselView problems in Xamarin Forms (IOS)

我已经阅读过大多数张贴在此处的问题,例如CarouselView未显示数据Xamarin形式:Carousel View未显示在CarouselView上,但我还是没有运气,我正在做这个常见的猴子示例 https://blog.xamarin.com / flip-through-items-with-xamarin-forms-carouselview /但是当我在模拟器上运行时,我什么也看不到,当我给它提供背景色时它会显示它。我什至尝试了一个简单的例子来填充数字列表CarouselView,但仍未显示任何内容。到底是什么问题?

这是我的期望,但仍然没有运气:

  1. Xamarin.Forms.CarouselView的预发行版有问题还是因为我看到它有两个版本,所以我必须选择一个? (但我尝试了每个,但还是没有运气)
  2. 如果可以的话,我应该使用CarouselView.FormsPlugin而不是Above吗?

我的XAML

<Grid RowSpacing="0">
  <Grid.RowDefinitions>
    <RowDefinition Height=".3*"/>
    <RowDefinition Height=".7*"/>
  </Grid.RowDefinitions>
  <cv:CarouselView ItemsSource="{Binding Zoos}" x:Name="CarouselZoos">
    <cv:CarouselView.ItemTemplate>
      <DataTemplate>
        <Grid>
          <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
          </Grid.RowDefinitions>
          <Image Grid.RowSpan="2" Aspect="AspectFill" Source="{Binding ImageUrl}"/>
          <StackLayout Grid.Row="1" BackgroundColor="#80000000" Padding="12">
            <Label TextColor="White" Text="{Binding Name}" FontSize="16" HorizontalOptions="Center" VerticalOptions="CenterAndExpand"/>
          </StackLayout>
        </Grid>
      </DataTemplate>
    </cv:CarouselView.ItemTemplate>
  </cv:CarouselView>
  <!--List of Monkeys below-->
</Grid>

My C#

模特班公共班动物园

{
    public string ImageUrl { get; set; }
    public string Name { get; set; }
}

MainActivity.cs

public class MonkeysViewModel
{
    public ObservableCollection<Monkey> Monkeys { get; set; }
    public ObservableCollection<Grouping<string, Monkey>> MonkeysGrouped { get; set; }

    public ObservableCollection<Zoo> Zoos { get; set; }

    public MonkeysViewModel()
    {

        Monkeys = MonkeyHelper.Monkeys;
        MonkeysGrouped = MonkeyHelper.MonkeysGrouped;
        Zoos = new ObservableCollection<Zoo>
        {
            new Zoo
            {
                ImageUrl = "http://content.screencast.com/users/JamesMontemagno/folders/Jing/media/23c1dd13-333a-459e-9e23-c3784e7cb434/2016-06-02_1049.png",
                Name = "Woodland Park Zoo"
            },
                new Zoo
            {
                ImageUrl =    "http://content.screencast.com/users/JamesMontemagno/folders/Jing/media/6b60d27e-c1ec-4fe6-bebe-7386d545bb62/2016-06-02_1051.png",
                Name = "Cleveland Zoo"
                },
            new Zoo
            {
                ImageUrl = "http://content.screencast.com/users/JamesMontemagno/folders/Jing/media/e8179889-8189-4acb-bac5-812611199a03/2016-06-02_1053.png",
                Name = "Phoenix Zoo"
            }
        };
    }
}

好的,我也遇到了同样的问题,但这就是我解决我的问题的方式,但我不知道为什么。

第1步:

检查文件夹的项目名称下,右键单击它,然后单击添加包 ,然后搜索Xamarin.Forms.CarouselView然后再进行安装(版本2.3.0预1)。

第2步:

还要在projectname.IOSprojectname.DROID下检查Packages文件夹,也右键单击它,然后单击add package ,然后搜索Xamarin.Forms.CarouselView然后安装(版本2.3.0 pre 1 )。

注意:

安装相同的版本不要忘记这一点。

然后运行该应用程序并查看输出,希望对您有所帮助:-)

快乐编码

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM