如何創建在特定時間間隔內變灰/禁用的按鈕控件？

Question

我想創建一個畫布，顯示類似10秒的廣告和一個灰色顯示10秒的按鈕控件，10秒鐘後用戶可以關閉廣告畫布。

我不知道如何創建該按鈕控件。有人請幫忙。

Answer 1

如果你不想沿着viewmodel路線走，你可以使用一個Storyboard來做到這一點。

我把這個一起的MainPage：

<phone:PhoneApplicationPage 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" 
    xmlns:System="clr-namespace:System;assembly=mscorlib" 
    x:Class="PhoneApp1.MainPage" mc:Ignorable="d" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" d:DesignHeight="800" d:DesignWidth="480"> 
    <phone:PhoneApplicationPage.Resources> 
     <Storyboard x:Name="DelayEnableButton"> 
      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Control.IsEnabled)" Storyboard.TargetName="button"> 
       <DiscreteObjectKeyFrame KeyTime="0:0:10"> 
        <DiscreteObjectKeyFrame.Value> 
         <System:Boolean>True</System:Boolean> 
        </DiscreteObjectKeyFrame.Value> 
       </DiscreteObjectKeyFrame> 
      </ObjectAnimationUsingKeyFrames> 
     </Storyboard> 
    </phone:PhoneApplicationPage.Resources> 
    <Grid x:Name="LayoutRoot" Background="Transparent"> 
     <Button x:Name="button" Content="Button" Height="100" Margin="50" VerticalAlignment="Top" IsEnabled="False"/> 
    </Grid> 
</phone:PhoneApplicationPage> 

重要的部分是該按鈕有一個名字，而這個名字在故事板定義中指定。故事板設置爲在10秒內將IsEnabled更改爲True。然後在MainPage.xaml.cs中我踢了故事板的Loaded事件：

public partial class MainPage : PhoneApplicationPage 
{ 
    public MainPage() 
    { 
     InitializeComponent(); 
     this.Loaded += new RoutedEventHandler(MainPage_Loaded); 
    } 

    void MainPage_Loaded(object sender, RoutedEventArgs e) 
    { 
     DelayEnableButton.Begin(); 
    } 
} 

Answer 2

將按鈕的IsEnabled綁定到ViewModel中的屬性，如IsAdDisplayed。然後在應用程序啓動時將此屬性設置爲true，並使用計時器在10秒後將其設置爲false。