C# Xamarin.Forms.CarouselView不';我不能在iOS上工作
我已经尝试在VisualStudio中使用Xamarin.Forms实现Xamarin.Forms.CarouselView,以便在iOS和Android上使用。它在安卓系统中工作得很好,但在iOS上却不起作用。在iOS上,它显示第一张幻灯片,但不允许我左右滑动以更改当前幻灯片。我已经在iOS和Android项目中安装了NuGet软件包。XAML如下所示:C# Xamarin.Forms.CarouselView不';我不能在iOS上工作,c#,xamarin,xamarin.ios,xamarin.forms,carousel,C#,Xamarin,Xamarin.ios,Xamarin.forms,Carousel,我已经尝试在VisualStudio中使用Xamarin.Forms实现Xamarin.Forms.CarouselView,以便在iOS和Android上使用。它在安卓系统中工作得很好,但在iOS上却不起作用。在iOS上,它显示第一张幻灯片,但不允许我左右滑动以更改当前幻灯片。我已经在iOS和Android项目中安装了NuGet软件包。XAML如下所示: <cv:CarouselView ItemsSource="{Binding Slider}" x:Name="Carouse
<cv:CarouselView ItemsSource="{Binding Slider}" x:Name="CarouselSlider">
<cv:CarouselView.ItemTemplate>
<DataTemplate>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<!--<RowDefinition Height="Auto"/>-->
</Grid.RowDefinitions>
<Image Grid.RowSpan="1" Aspect="AspectFill" Source="{Binding ImageUrl}" />
<StackLayout BackgroundColor="#7F000000" Padding="12" VerticalOptions="Center" TranslationY="100">
<Label TextColor="White" Text="{Binding Title}" FontSize="26" HorizontalOptions="Center" VerticalOptions="CenterAndExpand"/>
<Label TextColor="White" Text="{Binding TextBody}" FontSize="16" HorizontalOptions="Center" HorizontalTextAlignment="Center" VerticalOptions="CenterAndExpand"/>
</StackLayout>
</Grid>
</DataTemplate>
</cv:CarouselView.ItemTemplate>
</cv:CarouselView>
public partial class MainPage : ContentPage
{
public System.Collections.ObjectModel.ObservableCollection<SliderContent> Slider { get; set; }
public MainPage()
{
InitializeComponent();
NavigationPage.SetHasNavigationBar(this, false);
Slider = new System.Collections.ObjectModel.ObservableCollection<SliderContent>
{
new SliderContent
{
Id = 1,
ImageUrl = "https://thumb9.shutterstock.com/display_pic_with_logo/1975943/561919966/stock-photo-brutal-strong-athletic-men-pumping-up-muscles-workout-bodybuilding-concept-background-muscular-561919966.jpg",
Title = "Aliquam et neque arcu",
TextBody = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porttitor erat arcu, vitae accumsan odio iaculis et."
},
new SliderContent
{
Id = 2,
ImageUrl = "https://ifitlife.files.wordpress.com/2014/06/20140604-155437-57277345.jpg",
Title = "Donec lobortis sodales dui",
TextBody = "Morbi congue scelerisque vulputate. Vestibulum sit amet hendrerit justo. Nulla facilisi."
},
new SliderContent
{
Id = 3,
ImageUrl = "https://uproxx.files.wordpress.com/2013/05/dmx-black.jpg?quality=100&w=650",
Title = "Vestibulum arcu elit",
TextBody = "Aliquam in maximus ante. Suspendisse facilisis posuere nulla quis hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
}
};
Grid dotsGrid = DotsIndicator;
dotsGrid.HorizontalOptions = LayoutOptions.CenterAndExpand;
dotsGrid.ColumnDefinitions = new ColumnDefinitionCollection
{
new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) },
new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) },
new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) }
};
dotsGrid.RowDefinitions = new RowDefinitionCollection
{
new RowDefinition { Height = new GridLength(6, GridUnitType.Star) },
new RowDefinition { Height = new GridLength(2, GridUnitType.Star) },
new RowDefinition { Height = new GridLength(6, GridUnitType.Star) }
};
int counter = 0;
foreach (var i in Slider)
{
Button label = new Button();
if (Slider.First() == i)
{
label = new Button
{
BackgroundColor = Color.White,
BindingContext = i,
VerticalOptions = LayoutOptions.Fill,
WidthRequest = 20,
HeightRequest = 20,
BorderRadius = 30
};
}
else
{
label = new Button
{
BackgroundColor = Color.Gray,
BindingContext = i,
VerticalOptions = LayoutOptions.Fill,
WidthRequest = 20,
HeightRequest = 20,
BorderRadius = 30
};
}
dotsGrid.Children.Add(label, counter, 1);
counter++;
}
DotsIndicator = dotsGrid;
this.BindingContext = this;
CarouselSlider.ItemSelected += CarouselSlider_ItemSelected;
}
private void CarouselSlider_ItemSelected(object sender, SelectedItemChangedEventArgs e)
{
var item = e.SelectedItem as SliderContent;
foreach (var i in DotsIndicator.Children)
{
i.BackgroundColor = Color.Gray;
if (i.BindingContext == item)
{
i.BackgroundColor = Color.White;
}
}
return;
}
}
后端如下所示:
<cv:CarouselView ItemsSource="{Binding Slider}" x:Name="CarouselSlider">
<cv:CarouselView.ItemTemplate>
<DataTemplate>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<!--<RowDefinition Height="Auto"/>-->
</Grid.RowDefinitions>
<Image Grid.RowSpan="1" Aspect="AspectFill" Source="{Binding ImageUrl}" />
<StackLayout BackgroundColor="#7F000000" Padding="12" VerticalOptions="Center" TranslationY="100">
<Label TextColor="White" Text="{Binding Title}" FontSize="26" HorizontalOptions="Center" VerticalOptions="CenterAndExpand"/>
<Label TextColor="White" Text="{Binding TextBody}" FontSize="16" HorizontalOptions="Center" HorizontalTextAlignment="Center" VerticalOptions="CenterAndExpand"/>
</StackLayout>
</Grid>
</DataTemplate>
</cv:CarouselView.ItemTemplate>
</cv:CarouselView>
public partial class MainPage : ContentPage
{
public System.Collections.ObjectModel.ObservableCollection<SliderContent> Slider { get; set; }
public MainPage()
{
InitializeComponent();
NavigationPage.SetHasNavigationBar(this, false);
Slider = new System.Collections.ObjectModel.ObservableCollection<SliderContent>
{
new SliderContent
{
Id = 1,
ImageUrl = "https://thumb9.shutterstock.com/display_pic_with_logo/1975943/561919966/stock-photo-brutal-strong-athletic-men-pumping-up-muscles-workout-bodybuilding-concept-background-muscular-561919966.jpg",
Title = "Aliquam et neque arcu",
TextBody = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porttitor erat arcu, vitae accumsan odio iaculis et."
},
new SliderContent
{
Id = 2,
ImageUrl = "https://ifitlife.files.wordpress.com/2014/06/20140604-155437-57277345.jpg",
Title = "Donec lobortis sodales dui",
TextBody = "Morbi congue scelerisque vulputate. Vestibulum sit amet hendrerit justo. Nulla facilisi."
},
new SliderContent
{
Id = 3,
ImageUrl = "https://uproxx.files.wordpress.com/2013/05/dmx-black.jpg?quality=100&w=650",
Title = "Vestibulum arcu elit",
TextBody = "Aliquam in maximus ante. Suspendisse facilisis posuere nulla quis hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
}
};
Grid dotsGrid = DotsIndicator;
dotsGrid.HorizontalOptions = LayoutOptions.CenterAndExpand;
dotsGrid.ColumnDefinitions = new ColumnDefinitionCollection
{
new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) },
new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) },
new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) }
};
dotsGrid.RowDefinitions = new RowDefinitionCollection
{
new RowDefinition { Height = new GridLength(6, GridUnitType.Star) },
new RowDefinition { Height = new GridLength(2, GridUnitType.Star) },
new RowDefinition { Height = new GridLength(6, GridUnitType.Star) }
};
int counter = 0;
foreach (var i in Slider)
{
Button label = new Button();
if (Slider.First() == i)
{
label = new Button
{
BackgroundColor = Color.White,
BindingContext = i,
VerticalOptions = LayoutOptions.Fill,
WidthRequest = 20,
HeightRequest = 20,
BorderRadius = 30
};
}
else
{
label = new Button
{
BackgroundColor = Color.Gray,
BindingContext = i,
VerticalOptions = LayoutOptions.Fill,
WidthRequest = 20,
HeightRequest = 20,
BorderRadius = 30
};
}
dotsGrid.Children.Add(label, counter, 1);
counter++;
}
DotsIndicator = dotsGrid;
this.BindingContext = this;
CarouselSlider.ItemSelected += CarouselSlider_ItemSelected;
}
private void CarouselSlider_ItemSelected(object sender, SelectedItemChangedEventArgs e)
{
var item = e.SelectedItem as SliderContent;
foreach (var i in DotsIndicator.Children)
{
i.BackgroundColor = Color.Gray;
if (i.BindingContext == item)
{
i.BackgroundColor = Color.White;
}
}
return;
}
}
public分部类主页面:ContentPage
{
public System.Collections.ObjectModel.ObservableCollection滑块{get;set;}
公共主页()
{
初始化组件();
SetHasNavigationBar(这个,false);
Slider=new System.Collections.ObjectModel.ObservableCollection
{
新幻灯片内容
{
Id=1,
ImageUrl=”https://thumb9.shutterstock.com/display_pic_with_logo/1975943/561919966/stock-photo-brutal-strong-athletic-men-pumping-up-muscles-workout-bodybuilding-concept-background-muscular-561919966.jpg",
Title=“Aliquam et neque arcu”,
TextBody=“Lorem ipsum dolor sit amet,Concertetur adipising elite.Nunc porttitor erat arcu,vitae accumsan odio iaculis et.”
},
新幻灯片内容
{
Id=2,
ImageUrl=”https://ifitlife.files.wordpress.com/2014/06/20140604-155437-57277345.jpg",
Title=“Donec lobortis sodales酒后驾车”,
TextBody=“Morbi congue scelerisque vulputate.前庭坐着amet hendrerit justo.无设施。”
},
新幻灯片内容
{
Id=3,
ImageUrl=”https://uproxx.files.wordpress.com/2013/05/dmx-black.jpg?quality=100&w=650",
Title=“前庭拱门”,
TextBody=“最大赌注中的阿利奎姆。设施暂停。佩伦特式居住者莫比·特里斯提克·塞内特斯和内特斯·马莱苏阿达·埃吉斯塔斯·阿卡皮斯·埃古斯塔。”
}
};
网格dotsGrid=DotsIndicator;
dotsGrid.HorizontalOptions=布局选项.CenterAndExpand;
dotsGrid.ColumnDefinitions=新ColumnDefinition集合
{
new ColumnDefinition{Width=new GridLength(1,GridUnitType.Star)},
new ColumnDefinition{Width=new GridLength(1,GridUnitType.Star)},
new ColumnDefinition{Width=new GridLength(1,GridUnitType.Star)}
};
dotsGrid.RowDefinitions=新的RowDefinitionCollection
{
新行定义{Height=new GridLength(6,GridUnitType.Star)},
新行定义{Height=new GridLength(2,GridUnitType.Star)},
new RowDefinition{Height=new GridLength(6,GridUnitType.Star)}
};
int计数器=0;
foreach(滑块中的变量i)
{
按钮标签=新按钮();
if(Slider.First()==i)
{
标签=新按钮
{
背景颜色=颜色。白色,
BindingContext=i,
垂直选项=布局选项。填充,
宽度请求=20,
HeightRequest=20,
边界半径=30
};
}
其他的
{
标签=新按钮
{
背景颜色=颜色。灰色,
BindingContext=i,
垂直选项=布局选项。填充,
宽度请求=20,
HeightRequest=20,
边界半径=30
};
}
dotsGrid.Children.Add(标签,计数器,1);
计数器++;
}
DotsIndicator=dotsGrid;
this.BindingContext=this;
CarouselSlider.ItemSelected+=CarouselSlider_ItemSelected;
}
已选择专用void CarouselSlider\u项(对象发送者,SelectedItemChangedEventArgs e)
{
var item=e.选择editem作为幻灯片内容;
foreach(DotsIndicator.Children中的变量i)
{
i、 背景颜色=颜色。灰色;
if(i.BindingContext==项)
{
i、 背景颜色=颜色。白色;
}
}
返回;
}
}
在iOS上使用Xamarin.Forms.CarouselView是否存在任何已知问题,或者我是否遗漏了一些内容?我已经在各种iOS项目中使用过,它工作正常。下面是我的示例代码,请参阅以了解更多详细信息。希望能有帮助
在所有项目(PCL、Android、iOS和Windows)中安装CarouseView Nuget软件包
-由于CarouselView位于一个单独的程序集中,请在Xaml页面的根目录中添加CarouselView的名称空间,并在页面中使用它,如下所示:
<?xml version="1.0" encoding="UTF-8"?>
<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="XYZ.Mobile.App.Controls.ValidationControls.Confirmation"
xmlns:valueconverters="clr-namespace:XYZ.Mobile.App.ValueConverters"
xmlns:cv="clr-namespace:Xamarin.Forms;assembly=Xamarin.Forms.CarouselView">
<StackLayout Grid.Row="1"
Orientation="Vertical">
<cv:CarouselView x:Name="ConfirmationQuestionsCarousel"
ItemsSource="{Binding ConfirmationQuestions}">
<cv:CarouselView.ItemTemplate>
<DataTemplate>
<!--You can now add other Xamarin controls in to your CarouselView-->
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="50"/>
<RowDefinition/>
<RowDefinition Height="50"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Label Grid.Row="0"
Grid.ColumnSpan="2"
Text="SOME TEXT"
FontAttributes="Bold" />
<Label Grid.Row="1"
Grid.ColumnSpan="2"
Text="{Binding Question}"/>
<Button Grid.Row="2"
Grid.Column="0"
Text="No"
StyleId="No"
CommandParameter="false"
Command="{Binding ToggleAgree}"
Clicked="OnQuestionAnswered"
BackgroundColor="{Binding Agreed, Converter={StaticResource BoolToToggleButtonColorConverter}, ConverterParameter='Invert'}"/>
<Button Grid.Row="2"
Grid.Column="1"
Text="Yes"
StyleId="Yes"
CommandParameter="true"
Command="{Binding ToggleAgree}"
Clicked="OnQuestionAnswered"
BackgroundColor="{Binding Agreed, Converter={StaticResource BoolToToggleButtonColorConverter}}"/>
</Grid>
</DataTemplate>
</cv:CarouselView.ItemTemplate>
</cv:CarouselView>
</StackLayout>
</ContentView>
此外;当我第一次使用Xamarin.Forms的CarouselView时,在获取CarouselView项的计数时遇到了一些问题。我需要这个计数信息,以便正确地滑动到下一个项目。每当我试图获取ConfirmationQuestionsCarousel.Count信息时,都会出现“Unknown Member”错误,因此我最终使用以下代码来获取计数信息
private void OnQuestionAnswered(object sender, EventArgs args)
{
var buttonClicked = sender as Button;
var buttonClickedAnswer = buttonClicked.StyleId;
// Ugly way to get the count
//var s = new List<object>(ConfirmationQuestionsCarousel.ItemsSource.Cast<object>()).Count;
// Better way to get the count
int count = 0;
foreach (var item in ConfirmationQuestionsCarousel.ItemsSource)
{
count++;
}
// This is to set the Carosel's Position - this is unfinished code, I put it here only as an example
ConfirmationQuestionsCarousel.Position = 3;
}
私人void OnQuestionAnswe