[Silverlight]按鈕，你可以再跑多次一點 ----- Day15.2

2009-02-01

4168
0
SilverLight
2009-03-03

在Silverlight中，有一個控制項叫做RepeatButton，這個控制項在筆者剛聽到時，以為是定時重複跑Click事件，

後來試了一下，原來不是我想的那樣。

這個控制項原來能在「被按下」時，反覆執行Click事件。

首先新開啟的Silverlight專案中的Page.xaml檔案中，輸入下列程式碼：

<UserControl x:Class="SL_D15._2.Page" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300"> <Grid x:Name="LayoutRoot" Background="White"> <RepeatButton x:Name="uxRepeatButton" Content="跑多次按鈕" Click="uxRepeatButton_Click" VerticalAlignment="Top" Width="184" Height="48" HorizontalAlignment="Left"> </RepeatButton> <TextBlock x:Name="uxCounter" VerticalAlignment="Top" Height="24" Margin="80,80,0,0" Width="120" HorizontalAlignment="Left"/> <TextBlock x:Name="uxMsg1" Width="74" HorizontalAlignment="Left" Margin="18,0,0,82" VerticalAlignment="Bottom" Height="32">Interval:</TextBlock> <TextBox x:Name="uxInterval" Text="200" VerticalAlignment="Bottom" Width="64" Height="24" HorizontalAlignment="Left" Margin="72,0,0,90"></TextBox> <TextBlock x:Name="uxMsg2" Width="56" HorizontalAlignment="Left" Margin="18,0,0,48" VerticalAlignment="Bottom" Height="24">Delay:</TextBlock> <TextBox x:Name="uxDelay" Text="5" Margin="72,0,0,48" Height="24" VerticalAlignment="Bottom" Width="64" HorizontalAlignment="Left"/> <TextBlock Height="24" HorizontalAlignment="Left" Margin="8,80,0,0" VerticalAlignment="Top" Width="72" TextWrapping="Wrap"><Run Text="現在數字是:"/><LineBreak/><Run Text=""/></TextBlock> </Grid> </UserControl>

其中放置了一個RepeatButton、然後一個顯示按下幾次的TextBlock以及可以設定Interval以及Delay屬性。

Interval屬性：取得或設定當重複開始後，重複按下動作之間的時間 (以毫秒為單位)。預設為250。

Delay屬性：取得或設定時間 (以毫秒為單位)，這個時間是按下 RepeatButton 後並在開始重複按下動作之前所等候的時間。預設為250。

在程式碼中設定：

int i = 0; private void uxRepeatButton_Click(object sender, RoutedEventArgs e) { //設定Interval uxRepeatButton.Interval = Convert.ToInt16(uxInterval.Text); //設定Delay uxRepeatButton.Delay = Convert.ToInt16(uxDelay.Text); i++; uxCounter.Text = i.ToString(); }

這裡的Interval跟Delay會讀取TextBox的數值，然後套用到RepeatButton。

按下F5執行。

使用原本預設的值執行。