Xamarin.Forms Views介绍（三）

tslids

于 2021-01-22 08:30:14 发布

阅读量250

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/tsliuch/article/details/112703693

版权

Android 专栏收录该内容

74 篇文章 1 订阅

订阅专栏

以下主要内容转自：http://www.jianshu.com/p/ad612a1eb593

Picker使用

Picker是一个列表选择器。点击Picker弹出一个选择列表，供用户选择，不同平台渲染效果不同。

Picker属性

Title ：定义Picker的标题，起到提示说明作用。

不同平台Title渲染效果不同，Windows Phone会单独提供一个Label显示Title。

Title展示效果

TextColor ：选中某项后，文本显示在Picker上的颜色。

Items ：IList<string>类型，表示Picker提供的可选集合，XAML中定义Items借助<x:String>节点。

SelectedIndex ：int类型，表示选择项索引，由0开始，默认值－1。

XAML定义：

  <Picker Title="Picker Title" TextColor="Aqua" HorizontalOptions="Center" VerticalOptions="Center">
      <Picker.Items>
          <x:String>Item 1</x:String>
          <x:String>Item 2</x:String>
          <x:String>Item 3</x:String>
          <x:String>Item 4</x:String>
      </Picker.Items>
      <Picker.SelectedIndex>
          2
      </Picker.SelectedIndex>

  </Picker>

同时赋值Items和SelectedIndex属性，SelectedIndex赋值应再Items之后。

Picker事件

SelectedIndexChanged ：SelectIndex值发生改变时触发，响应SelectedIndexChanged事件时应对SelectIndex的－1值进行判断。

DatePicker使用

DatePicker提供日期选择功能

DatePicker属性

Date ：DateTime类型，DatePicker当前日期。

Format ：string类型，设置所选日期显示格式。

MaximumDate ：DatePicker最大可选日期，默认值1900-1-1。

MinimumDate ：DatePicker最小可选日期，默认值2100-12-31。

TextColor ：同Picker属性。

Date、MinimumDate、MaximumDate不同赋值方式参考本文示例

DatePicker事件

DateSelected ：用户选择新日起即Date发生改变时触发。

XAML定义示例：

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
        xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
        xmlns:local="clr-namespace:views"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        x:Class="views.viewsPage">
    <ContentPage.Padding>
        <OnPlatform x:TypeArguments="Thickness"
        iOS="0, 20,  0, 0" />
    </ContentPage.Padding>
    <DatePicker TextColor="Red" Format="yyyy-MM:dd" MaximumDate="2022-2-22" Date="{x:Static sys:DateTime.Today}">
        <DatePicker.MinimumDate>
            <sys:DateTime x:FactoryMethod="Parse">
               <x:Arguments>
                  <x:String>2000-1-1</x:String>
               </x:Arguments>
            </sys:DateTime>
         </DatePicker.MinimumDate>
    </DatePicker>

</ContentPage>

这里提供了整个XAML页面的定义代码。通过x:Static调用DateTime的静态属性为Date赋值，x:FactoryMethod调用DateTime的静态方法为MinimumDate赋值，要访问DateTime类，应该在跟节点ContentPage中添加System命名空间定义xmlns:sys="clr-namespace:System;assembly=mscorlib"。

TimePicker使用

TimePicker提供时间选择功能。

TimePicker属性

Time ：TimeSpan类型，TimePicker当前日期。

Format ：string类型，设置所选事件显示格式。。

TextColor ：同Picker属性。

XAML定义参考DatePicker。

TimePicker事件

TimePicker并没有自定义事件,不知道为什么没有提供TimeSelected事件。如何监听TimePicker的Time改变事件？PropertyChanged事件同样可以监听Time的变化，PropertyChanged事件由BindableObject提供，当BindableProperty类型属性改变时会触发PropertyChanged事件。

            timePicker.PropertyChanged += (sender, e) =>
            {
                if (e.PropertyName.Equals("Time"))
                {
                    DisplayAlert("Time Alert", $"{timePicker.Time.ToString()}", "OK");
                }

            };