Xamarin 吕,违约日); OnDateTimeChanged?.Invoke(对话框,selectedDate); }) .SetNegativeButton(“取消”(发送方,e)=> { Dialog.Cancel(); OnClosed?.Invoke(对话框,selectedDate); }); 返回builder.Create(); } 受保护的覆盖无效处置(布尔处置) { 如果(_yearPicker!=null) { _yearPicker.ScrollChange-=yearPicker\u ScrollChange; _yearPicker.Dispose(); _yearPicker=null; } _monthPicker?.Dispose(); _monthPicker=null; 基地。处置(处置); } #区域私有方法 私有日期时间GetSelectedDate()=>日期??日期时间。现在; 私人无效初始值EyearPicker(整数年) { _yearPicker.MinValue=MinNumberOfYears; _yearPicker.MaxValue=MaxNumberOfYears; _年份选择器。值=年份; _yearPicker.ScrollChange+=yearPicker\u ScrollChange; 如果(!无穷滚动) { _yearPicker.WrapSelectorWheel=假; _yearPicker.DegenantFocusability=DegenantFocusability.BlockDegenders; } } 私有void初始化项MonthPicker(整数月) { _monthPicker.MinValue=MinNumberOfMonths; _monthPicker.MaxValue=MaxNumberOfMonths; _SetDisplayedValues(GetMonthNames()); _monthPicker.Value=月份; 如果(!无穷滚动) { _monthPicker.WrapSelectorWheel=假; _monthPicker.genderantfocusability=genderantfocusability.blocksubstands; } } 私有void YearPicker_ScrollChange(对象发送者,View.ScrollChangeEventArgs e) { SetMaxMinDate(MaxDate,MinDate); } 私有void SetMaxMinDate(DateTime?maxDate,DateTime?minDate) { 尝试 { if(maxDate.HasValue) { var maxYear=maxDate.Value.Year; var maxMonth=maxDate.Value.Month; 如果(_yearPicker.Value==maxYear) { _monthPicker.MaxValue=maxMonth; } 如果(_monthPicker.MaxValue!=MaxNumberOfMonths),则为else { _monthPicker.MaxValue=MaxNumberOfMonths; } _yearPicker.MaxValue=maxYear; } if(minDate.HasValue) { var minYear=minDate.Value.Year; var minMonth=minDate.Value.Month; 如果(_yearPicker.Value==minYear) { _monthPicker.MinValue=minMonth; } else if(_monthPicker.MinValue!=MinNumberOfMonths) { _monthPicker.MinValue=MinNumberOfMonths; } _yearPicker.MinValue=minYear; } _monthPicker.SetDisplayedValues(GetMonthNames(_monthPicker.MinValue)); } 捕获(例外e) { } } 私有字符串[]GetMonthNames(int start=1)=> System.Globalization.DateTimeFormatInfo.CurrentInfo?.MonthNames.Skip(start-1.ToArray(); #端区 } }
在资源中创建日期选择器对话框.xmlXamarin 吕,违约日); OnDateTimeChanged?.Invoke(对话框,selectedDate); }) .SetNegativeButton(“取消”(发送方,e)=> { Dialog.Cancel(); OnClosed?.Invoke(对话框,selectedDate); }); 返回builder.Create(); } 受保护的覆盖无效处置(布尔处置) { 如果(_yearPicker!=null) { _yearPicker.ScrollChange-=yearPicker\u ScrollChange; _yearPicker.Dispose(); _yearPicker=null; } _monthPicker?.Dispose(); _monthPicker=null; 基地。处置(处置); } #区域私有方法 私有日期时间GetSelectedDate()=>日期??日期时间。现在; 私人无效初始值EyearPicker(整数年) { _yearPicker.MinValue=MinNumberOfYears; _yearPicker.MaxValue=MaxNumberOfYears; _年份选择器。值=年份; _yearPicker.ScrollChange+=yearPicker\u ScrollChange; 如果(!无穷滚动) { _yearPicker.WrapSelectorWheel=假; _yearPicker.DegenantFocusability=DegenantFocusability.BlockDegenders; } } 私有void初始化项MonthPicker(整数月) { _monthPicker.MinValue=MinNumberOfMonths; _monthPicker.MaxValue=MaxNumberOfMonths; _SetDisplayedValues(GetMonthNames()); _monthPicker.Value=月份; 如果(!无穷滚动) { _monthPicker.WrapSelectorWheel=假; _monthPicker.genderantfocusability=genderantfocusability.blocksubstands; } } 私有void YearPicker_ScrollChange(对象发送者,View.ScrollChangeEventArgs e) { SetMaxMinDate(MaxDate,MinDate); } 私有void SetMaxMinDate(DateTime?maxDate,DateTime?minDate) { 尝试 { if(maxDate.HasValue) { var maxYear=maxDate.Value.Year; var maxMonth=maxDate.Value.Month; 如果(_yearPicker.Value==maxYear) { _monthPicker.MaxValue=maxMonth; } 如果(_monthPicker.MaxValue!=MaxNumberOfMonths),则为else { _monthPicker.MaxValue=MaxNumberOfMonths; } _yearPicker.MaxValue=maxYear; } if(minDate.HasValue) { var minYear=minDate.Value.Year; var minMonth=minDate.Value.Month; 如果(_yearPicker.Value==minYear) { _monthPicker.MinValue=minMonth; } else if(_monthPicker.MinValue!=MinNumberOfMonths) { _monthPicker.MinValue=MinNumberOfMonths; } _yearPicker.MinValue=minYear; } _monthPicker.SetDisplayedValues(GetMonthNames(_monthPicker.MinValue)); } 捕获(例外e) { } } 私有字符串[]GetMonthNames(int start=1)=> System.Globalization.DateTimeFormatInfo.CurrentInfo?.MonthNames.Skip(start-1.ToArray(); #端区 } },xamarin,xamarin.forms,datepicker,Xamarin,Xamarin.forms,Datepicker,在资源中创建日期选择器对话框.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical&q
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:orientation="horizontal">
<NumberPicker
android:id="@+id/picker_month"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="20dp"
android:layout_marginRight="20dp">
</NumberPicker>
<NumberPicker
android:id="@+id/picker_year"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</NumberPicker>
</LinearLayout>
</LinearLayout>
现在您可以在Xaml中引用它
<StackLayout VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand">
<local:MonthYearPickerView
Date="06.15.2020"
BackgroundColor="LightBlue"
WidthRequest="150"
MinDate="01.01.2020"
MaxDate="12.31.2050"
HorizontalOptions="CenterAndExpand"
VerticalOptions="Center" />
</StackLayout>
您可以通过使用自定义渲染器来实现它 以形式 创建自定义视图
using System;
using System.Collections.Generic;
using System.Text;
using Xamarin.Forms;
namespace App20
{
public class MonthYearPickerView :View
{
public static readonly BindableProperty FontSizeProperty = BindableProperty.Create(
propertyName: nameof(FontSize),
returnType: typeof(double),
declaringType: typeof(MonthYearPickerView),
defaultValue: (double)24,
defaultBindingMode: BindingMode.TwoWay);
[TypeConverter(typeof(FontSizeConverter))]
public double FontSize
{
get => (double)GetValue(FontSizeProperty);
set => SetValue(FontSizeProperty, value);
}
public static readonly BindableProperty TextColorProperty = BindableProperty.Create(
propertyName: nameof(TextColor),
returnType: typeof(Color),
declaringType: typeof(MonthYearPickerView),
defaultValue: Color.White,
defaultBindingMode: BindingMode.TwoWay);
public Color TextColor
{
get => (Color)GetValue(TextColorProperty);
set => SetValue(TextColorProperty, value);
}
public static readonly BindableProperty InfiniteScrollProperty = BindableProperty.Create(
propertyName: nameof(InfiniteScroll),
returnType: typeof(bool),
declaringType: typeof(MonthYearPickerView),
defaultValue: true,
defaultBindingMode: BindingMode.TwoWay);
public bool InfiniteScroll
{
get => (bool)GetValue(InfiniteScrollProperty);
set => SetValue(InfiniteScrollProperty, value);
}
public static readonly BindableProperty DateProperty = BindableProperty.Create(
propertyName: nameof(Date),
returnType: typeof(DateTime),
declaringType: typeof(MonthYearPickerView),
defaultValue: default,
defaultBindingMode: BindingMode.TwoWay);
public DateTime Date
{
get => (DateTime)GetValue(DateProperty);
set => SetValue(DateProperty, value);
}
public static readonly BindableProperty MaxDateProperty = BindableProperty.Create(
propertyName: nameof(MaxDate),
returnType: typeof(DateTime?),
declaringType: typeof(MonthYearPickerView),
defaultValue: default,
defaultBindingMode: BindingMode.TwoWay);
public DateTime? MaxDate
{
get => (DateTime?)GetValue(MaxDateProperty);
set => SetValue(MaxDateProperty, value);
}
public static readonly BindableProperty MinDateProperty = BindableProperty.Create(
propertyName: nameof(MinDate),
returnType: typeof(DateTime?),
declaringType: typeof(MonthYearPickerView),
defaultValue: default,
defaultBindingMode: BindingMode.TwoWay);
public DateTime? MinDate
{
get => (DateTime?)GetValue(MinDateProperty);
set => SetValue(MinDateProperty, value);
}
}
}
在iOS中
使用Android.Content;
使用Android.Support.V7.App;
使用Android.Widget;
使用App20;
使用App20.Droid;
使用制度;
使用Xamarin.Forms;
使用Xamarin.Forms.Platform.Android;
[组件:ExportRenderer(typeof(MonthYearPickerView)、typeof(MonthYearPickerRenderer))]
名称空间App20.Droid
{
公共类MonthYearPickerRenderer:ViewRenderer
{
私有只读上下文\u上下文;
private MonthYearPickerDialog _MonthYearPickerDialog;
公共MonthyEarpicKerrender(上下文):基础(上下文)
{
_上下文=上下文;
}
受保护的覆盖无效OnElementChanged(ElementChangedEventArgs e)
{
基础。一个要素发生变化(e);
CreateAndSetNativeControl();
Control.KeyListener=null;
元素聚焦+=元素聚焦;
}
受保护的覆盖无效处置(布尔处置)
{
if(Control==null)返回;
元素聚焦-=元素聚焦;
如果(_monthYearPickerDialog!=null)
{
_monthYearPickerDialog.OnDateTimeChanged-=OnDateTimeChanged;
_monthYearPickerDialog.OnClosed-=OnClosed;
_monthYearPickerDialog.Hide();
_monthYearPickerDialog.Dispose();
_monthYearPickerDialog=null;
}
基地。处置(处置);
}
#区域私有方法
私有void ShowDatePicker()
{
如果(_monthyerpickerdialog==null)
{
_monthYearPickerDialog=新建monthYearPickerDialog();
_monthYearPickerDialog.OnDateTimeChanged+=OnDateTimeChanged;
_monthYearPickerDialog.OnClosed+=OnClosed;
}
_monthYearPickerDialog.Date=Element.Date;
_monthYearPickerDialog.MinDate=格式日期到下一年(Element.MinDate);
_monthYearPickerDialog.MaxDate=FormatDateToMonthYear(Element.MaxDate);
_monthYearPickerDialog.InfiniteScroll=E
public static MainActivity Instance { get; private set; }
protected override void OnCreate(Bundle savedInstanceState)
{
TabLayoutResource = Resource.Layout.Tabbar;
ToolbarResource = Resource.Layout.Toolbar;
Instance = this;
base.OnCreate(savedInstanceState);
Xamarin.Essentials.Platform.Init(this, savedInstanceState);
global::Xamarin.Forms.Forms.Init(this, savedInstanceState);
LoadApplication(new App());
}
using Android.Content;
using Android.Support.V7.App;
using Android.Widget;
using App20;
using App20.Droid;
using System;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
[assembly: ExportRenderer(typeof(MonthYearPickerView), typeof(MonthYearPickerRenderer))]
namespace App20.Droid
{
public class MonthYearPickerRenderer : ViewRenderer<MonthYearPickerView, EditText>
{
private readonly Context _context;
private MonthYearPickerDialog _monthYearPickerDialog;
public MonthYearPickerRenderer(Context context) : base(context)
{
_context = context;
}
protected override void OnElementChanged(ElementChangedEventArgs<MonthYearPickerView> e)
{
base.OnElementChanged(e);
CreateAndSetNativeControl();
Control.KeyListener = null;
Element.Focused += Element_Focused;
}
protected override void Dispose(bool disposing)
{
if (Control == null) return;
Element.Focused -= Element_Focused;
if (_monthYearPickerDialog != null)
{
_monthYearPickerDialog.OnDateTimeChanged -= OnDateTimeChanged;
_monthYearPickerDialog.OnClosed -= OnClosed;
_monthYearPickerDialog.Hide();
_monthYearPickerDialog.Dispose();
_monthYearPickerDialog = null;
}
base.Dispose(disposing);
}
#region Private Methods
private void ShowDatePicker()
{
if (_monthYearPickerDialog == null)
{
_monthYearPickerDialog = new MonthYearPickerDialog();
_monthYearPickerDialog.OnDateTimeChanged += OnDateTimeChanged;
_monthYearPickerDialog.OnClosed += OnClosed;
}
_monthYearPickerDialog.Date = Element.Date;
_monthYearPickerDialog.MinDate = FormatDateToMonthYear(Element.MinDate);
_monthYearPickerDialog.MaxDate = FormatDateToMonthYear(Element.MaxDate);
_monthYearPickerDialog.InfiniteScroll = Element.InfiniteScroll;
var appcompatActivity = MainActivity.Instance;
var mFragManager = appcompatActivity?.SupportFragmentManager;
if (mFragManager != null)
{
_monthYearPickerDialog.Show(mFragManager, nameof(MonthYearPickerDialog));
}
}
private void ClearPickerFocus()
{
((IElementController)Element).SetValueFromRenderer(VisualElement.IsFocusedProperty, false);
Control.ClearFocus();
}
private DateTime? FormatDateToMonthYear(DateTime? dateTime) =>
dateTime.HasValue ? (DateTime?) new DateTime(dateTime.Value.Year, dateTime.Value.Month, 1) : null;
private void CreateAndSetNativeControl()
{
var tv = new EditText(_context);
tv.SetTextColor(Element.TextColor.ToAndroid());
tv.TextSize = (float)Element.FontSize;
tv.Text = $"{Element.Date.Month:D2} | {Element.Date.Year}";
tv.Gravity = Android.Views.GravityFlags.Center;
tv.SetBackgroundColor(Element.BackgroundColor.ToAndroid());
SetNativeControl(tv);
}
#endregion
#region Event Handlers
private void Element_Focused(object sender, FocusEventArgs e)
{
if (e.IsFocused)
{
ShowDatePicker();
}
}
private void OnClosed(object sender, DateTime e)
{
ClearPickerFocus();
}
private void OnDateTimeChanged(object sender, DateTime e)
{
Element.Date = e;
Control.Text = $"{Element.Date.Month:D2} | {Element.Date.Year}";
ClearPickerFocus();
}
#endregion
}
}
using Android.App;
using Android.OS;
using Android.Views;
using Android.Widget;
using System;
using System.Linq;
namespace App20.Droid
{
public class MonthYearPickerDialog : Android.Support.V4.App.DialogFragment
{
public event EventHandler<DateTime> OnDateTimeChanged;
public event EventHandler<DateTime> OnClosed;
#region Private Fields
private const int DefaultDay = 1;
private const int MinNumberOfMonths = 1;
private const int MaxNumberOfMonths = 12;
private const int MinNumberOfYears = 1900;
private const int MaxNumberOfYears = 2100;
private NumberPicker _monthPicker;
private NumberPicker _yearPicker;
#endregion
#region Public Properties
public DateTime? MinDate { get; set; }
public DateTime? MaxDate { get; set; }
public DateTime? Date { get; set; }
public bool InfiniteScroll { get; set; }
#endregion
public void Hide() => base.Dialog?.Hide();
public override Dialog OnCreateDialog(Bundle savedInstanceState)
{
var builder = new AlertDialog.Builder(Activity);
var inflater = Activity.LayoutInflater;
var selectedDate = GetSelectedDate();
var dialog = inflater.Inflate(Resource.Layout.date_picker_dialog, null);
_monthPicker = (NumberPicker)dialog.FindViewById(Resource.Id.picker_month);
_yearPicker = (NumberPicker)dialog.FindViewById(Resource.Id.picker_year);
InitializeMonthPicker(selectedDate.Month);
InitializeYearPicker(selectedDate.Year);
SetMaxMinDate(MaxDate, MinDate);
builder.SetView(dialog)
.SetPositiveButton("Ok", (sender, e) =>
{
selectedDate = new DateTime(_yearPicker.Value, _monthPicker.Value, DefaultDay);
OnDateTimeChanged?.Invoke(dialog, selectedDate);
})
.SetNegativeButton("Cancel", (sender, e) =>
{
Dialog.Cancel();
OnClosed?.Invoke(dialog, selectedDate);
});
return builder.Create();
}
protected override void Dispose(bool disposing)
{
if (_yearPicker != null)
{
_yearPicker.ScrollChange -= YearPicker_ScrollChange;
_yearPicker.Dispose();
_yearPicker = null;
}
_monthPicker?.Dispose();
_monthPicker = null;
base.Dispose(disposing);
}
#region Private Methods
private DateTime GetSelectedDate() => Date ?? DateTime.Now;
private void InitializeYearPicker(int year)
{
_yearPicker.MinValue = MinNumberOfYears;
_yearPicker.MaxValue = MaxNumberOfYears;
_yearPicker.Value = year;
_yearPicker.ScrollChange += YearPicker_ScrollChange;
if (!InfiniteScroll)
{
_yearPicker.WrapSelectorWheel = false;
_yearPicker.DescendantFocusability = DescendantFocusability.BlockDescendants;
}
}
private void InitializeMonthPicker(int month)
{
_monthPicker.MinValue = MinNumberOfMonths;
_monthPicker.MaxValue = MaxNumberOfMonths;
_monthPicker.SetDisplayedValues(GetMonthNames());
_monthPicker.Value = month;
if (!InfiniteScroll)
{
_monthPicker.WrapSelectorWheel = false;
_monthPicker.DescendantFocusability = DescendantFocusability.BlockDescendants;
}
}
private void YearPicker_ScrollChange(object sender, View.ScrollChangeEventArgs e)
{
SetMaxMinDate(MaxDate, MinDate);
}
private void SetMaxMinDate(DateTime? maxDate, DateTime? minDate)
{
try
{
if (maxDate.HasValue)
{
var maxYear = maxDate.Value.Year;
var maxMonth = maxDate.Value.Month;
if (_yearPicker.Value == maxYear)
{
_monthPicker.MaxValue = maxMonth;
}
else if (_monthPicker.MaxValue != MaxNumberOfMonths)
{
_monthPicker.MaxValue = MaxNumberOfMonths;
}
_yearPicker.MaxValue = maxYear;
}
if (minDate.HasValue)
{
var minYear = minDate.Value.Year;
var minMonth = minDate.Value.Month;
if (_yearPicker.Value == minYear)
{
_monthPicker.MinValue = minMonth;
}
else if (_monthPicker.MinValue != MinNumberOfMonths)
{
_monthPicker.MinValue = MinNumberOfMonths;
}
_yearPicker.MinValue = minYear;
}
_monthPicker.SetDisplayedValues(GetMonthNames(_monthPicker.MinValue));
}
catch (Exception e)
{
}
}
private string[] GetMonthNames(int start = 1) =>
System.Globalization.DateTimeFormatInfo.CurrentInfo?.MonthNames.Skip(start - 1).ToArray();
#endregion
}
}
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:orientation="horizontal">
<NumberPicker
android:id="@+id/picker_month"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="20dp"
android:layout_marginRight="20dp">
</NumberPicker>
<NumberPicker
android:id="@+id/picker_year"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</NumberPicker>
</LinearLayout>
</LinearLayout>
<StackLayout VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand">
<local:MonthYearPickerView
Date="06.15.2020"
BackgroundColor="LightBlue"
WidthRequest="150"
MinDate="01.01.2020"
MaxDate="12.31.2050"
HorizontalOptions="CenterAndExpand"
VerticalOptions="Center" />
</StackLayout>