【萬裡征程——Windows App開發】DatePicker&Timepicker

標籤：app   app開發   datepicker   timepicker   button   

在前面我們走馬觀花地介紹了一大堆控制項，其中自然也包括這DatePicker和TimePicker，那麼稍微進階些的用法呢？

如果你想做一個關於健身、鬧鐘等的App，那麼不可避免的會用到時間這些控制項了。

<DatePicker x:Name="datePicker" Header="NoMasp Date" Foreground="Beige"/>          <Button x:Name="btnOK" Click="btnOK_Click" Content="確定" Foreground="Cyan" Margin= "292,378,0,352" >     <Button.Flyout>          <Flyout>              <TextBlock x:Name="tblock1" Foreground="Fuchsia"/>          </Flyout>     </Button.Flyout></Button>

那麼我們可能需要所選定的時間是未來時間，也就是比應用運行時的時間要大。擷取當前選中的時間給程式的其他部分使用也是很簡單的，我這裡的year等都在之前定義過了哦，在函數內定義可是不明智的喲。

        private void btnOK_Click(object sender, RoutedEventArgs e)        {            if(datePicker.Date>DateTimeOffset.Now)            {                tblock1.Text = string.Format("你所選中的時間是：{0}。", datePicker.Date.ToString("D"));            }            else            {                tblock1.Text = "噢！你想要穿越嗎？";            }            year = datePicker.Date.Year;            month = datePicker.Date.Month;            day = datePicker.Date.Day;              }        

有意思的事情又來了，如果你是想要做一個時間囊，預設的時間就是10年之後，那麼DatePicker的初始事件如果正好就是10年後不是非常好嗎。那麼我們要做的呢，首先就是給DatePicker的Loaded寫一條事件啦。（哈哈，我覺得App是儲存不了10年喲）

private void datePicker_Loaded(object sender, RoutedEventArgs e){    datePicker.Date = DateTimeOffset.Now.AddYears(10);}

如果不想興師動眾去用DatePicker的Loaded，那麼也可以直接在後台代碼中這樣寫哦。

protected override void OnNavigatedTo(NavigationEventArgs e){    datePicker.Date = DateTimeOffset.Now.AddYears(10);}

我還做了一個小測試呢，在Loaded事件中讓時間增加11年，在OnNavigatedTo事件中讓時間增加10年，結果——結果是增加了11年啦，看來還是自家的Loaded更厲害嘛。

接下來就是TimePicker啦，回到健身的話題，假設哈，6點到18點才適合運動，那麼我們的Microsoft Band就做了以下這麼個要求（開玩笑啦）。

    private void btnOK_Click(object sender, RoutedEventArgs e)        {            TimeSpan startTime = new TimeSpan(6, 0, 0);            TimeSpan endTime = new TimeSpan(18, 0, 0);            if(timePicker.Time>=startTime&&timePicker.Time<=endTime)            {                tblock1.Text = string.Format("這段時間運動都是很好的哦——{0}。", timePicker.Time.ToString());            }            else            {                tblock1.Text = "此時間吧不適合運動的吧？";            }               }        

也許你還想控制手環上時間選取器的初始時間，那麼代碼來了。

protected override void OnNavigatedTo(NavigationEventArgs e){                                                   timePicker.Time = new TimeSpan(23, 0, 0);}

作為強迫症患者呢，每次我設定鬧鐘的時候都要設定在一個比較好的時間，比如被5整除啦、質數啦。這裡可以用MinuteIncrement屬性來控制分鐘的增量喲，比如增量為5呀。從小學起就飛得把電子手錶的時間給設定成24小時制的，這個也是可以實現的，ClockIdentifier設定成24HourClock就搞定啦。

這篇部落格比較簡單，因此也沒有配圖，另外也算是幫用著流量看了上一篇部落格又接著看這一篇的童鞋省點流量了。那麼，下一篇再見咯，感覺大家的支援！

【萬裡征程——Windows App開發】DatePicker&Timepicker