[英]Xamarin Forms date and time picker
我正在使用Xamarin Forms制作跨平台应用程序,并且需要创建一个简单的视图供用户选择日期和时间,类似于: 在Xamarin iOS中选择 要创建的视图 。 Android解决方案已准备就绪,但我需要在同一应用程序中为iOS创建解决方案
我不能与Xamarin Forms分开使用标准日期选择器和另一个标准时间选择器。 我需要创建自定义解决方案(一个视图-简单地选择日期和时间)。
我试图在Xamarin Forms中创建视图,该视图由2个水平方向的列表组成(一个用于日期,一个用于时间),但是当我选择一个位置时,该列表不会滚动到视图的中间,并且也不会自动当我上下滚动列表时选择中间位置元素。 我想创建类似Xamarin-iOS解决方案的东西:“日期和时间选择器”,但使用Xamarin Forms。
我还尝试在Xamarin-iOS中创建项目“日期和时间选择器”的一部分。 我有main.storyboard和视图控制器,但我不知道如何在Xamarin Forms中从Xamarin-iOS显示视图并传递选定的日期和时间。
你能帮我吗?
如果要在Xamarin.Forms中使用本机视图,请在此处阅读: https ://docs.microsoft.com/zh-cn/xamarin/xamarin-forms/platform/native-views/
如果要在iOS平台的Xamarin.Forms上实现日期时间选择器,则可以使用CustomRenderer 。
形式
创建Picker
的子类
public class MyPicker:Picker
{
public MyPicker()
{
}
}
并将其添加到xaml中
<StackLayout VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand">
<!-- Place new controls here -->
<local:MyPicker WidthRequest="150" BackgroundColor="AliceBlue"/>
</StackLayout>
在iOS中
创建Picker
的渲染Picker
。您可以根据需要设置Picker
的格式 。
using System;
using Foundation;
using UIKit;
using ObjCRuntime;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
using xxx;
using xxx.iOS;
[assembly:ExportRenderer(typeof(MyPicker),typeof(MyPickerRenderer))]
namespace xxx.iOS
{
public class MyPickerRenderer:PickerRenderer
{
string SelectedValue;
public MyPickerRenderer()
{
}
protected override void OnElementChanged(ElementChangedEventArgs<Picker> e)
{
base.OnElementChanged(e);
if(Control!=null)
{
SetTimePicker();
}
}
void SetTimePicker()
{
UIDatePicker picker = new UIDatePicker
{
Mode = UIDatePickerMode.DateAndTime
};
picker.SetDate(NSDate.Now,true);
picker.AddTarget(this,new Selector("DateChange:"),UIControlEvent.ValueChanged);
Control.InputView = picker;
UIToolbar toolbar = (UIToolbar)Control.InputAccessoryView;
UIBarButtonItem done = new UIBarButtonItem("Done", UIBarButtonItemStyle.Done, (object sender, EventArgs click) =>
{
Control.Text = SelectedValue;
toolbar.RemoveFromSuperview();
picker.RemoveFromSuperview();
Control.ResignFirstResponder();
MessagingCenter.Send<Object, string>(this, "pickerSelected", SelectedValue);
});
UIBarButtonItem empty = new UIBarButtonItem(UIBarButtonSystemItem.FlexibleSpace, null);
toolbar.Items = new UIBarButtonItem[] { empty, done };
}
[Export("DateChange:")]
void DateChange(UIDatePicker picker)
{
NSDateFormatter formatter = new NSDateFormatter();
formatter.DateFormat = "MM-dd HH:mm aa"; //you can set the format as you want
Control.Text = formatter.ToString(picker.Date);
SelectedValue= formatter.ToString(picker.Date);
MessagingCenter.Send<Object, string>(this,"pickerSelected",SelectedValue);
}
}
}
并使用MessagingCenter
传递选定的日期和时间。
public MainPage()
{
InitializeComponent();
MessagingCenter.Subscribe<Object, string>(this, "pickerSelected", (sender, arg) => {
Console.WriteLine(arg);
//arg is the selected date and time
});
}
我已经在github上上传了演示,您可以下载它进行测试。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.