Windows phone8 基礎篇(三)常用控件(一)

   首先道個歉,這兩天家裏斷網,一直沒辦法更新。

 

 1. Button

     Button(按鈕。最常見的就是百度上的“百度一下”那個按鈕)。是單擊之後要觸發事件的控件。代表button的類是System.Windows.Controls.Button.該控件在xaml中的語法如下:

    <Button  屬性  ..."/>

    <Button  屬性  ..."></Button>

    <Button  屬性  ...">顯示的名字</Button>

    他的最大的作用是實現其單擊的操作,單擊後將會引發一個Click事件,通過設置Click屬性來完成對這個事件的處理。比如設置他的屬性爲Click=”test”,那麼在頁面上就會生成出一個test的方法。該事件有三種狀態:按壓(press);懸停(hover);釋放(Release)。通過設置ClickMode屬性來控制annual在那種狀態下執行click事件。

示例代碼

1.  在懸停狀態下單擊事件

   <Button Height="72" HorizontalAlignment="Left" Margin="46,47,0,0" Name="button" 

      VerticalAlignment="Top" Content="懸停單擊"

   Width="364" Click="Button_Click_1" ClickMode="Release"></Button>

    private void Button_Click_1(object sender, RoutedEventArgs e){

            text1.Text = "Hello word";}

2.   創建一個圖片按鈕

 <Button Height="72" HorizontalAlignment="Center" Margin="102,234,183,134" Name="button1" 

  VerticalAlignment="Center"  Width="364"  ClickMode="Release">                

    <StackPanel>

       <Image Source="ApplicationIcon.png" Stretch="None" Height="61" Width="97"/>

    </StackPanel>

</Button>

3. 設置按鈕的樣式

<!--Content 名字  FontSize="48" 字體大小  FontStyle="Italic"  斜體

    Foreground="Blue" 字體顏色 BorderBrush="Yellow"    邊框顏色

    BorderThickness="10"  邊框寬度大小 Padding="20"           內邊框寬度大小  

    HorizontalAlignment="Center" VerticalAlignment="Center" 水平豎直居中顯示

    Margin="63,166,86,269"   顯示位置 Width="307"  寬度  Height="172" 高度 -->

<Button Content="樣式按鈕" FontSize="48" FontStyle="Italic" Foreground="Blue" BorderBrush="Yellow" BorderThickness="10" Padding="20" HorizontalAlignment="Center" VerticalAlignment="Center"    Margin="63,166,86,293" Width="307"/>

2. Textblock 

    Textblock是用於顯示少量文本的輕量級控件,最簡單的舉例就是當我們登陸QQ的時候,在輸入框前邊有一堆字符提示,比如說”QQ號” “密碼”,這些就是傳說中的textblock標籤。他在xaml中的語法如下:

   <TextBlcok  .... /> 

   <TextBlcok > 屬性</TextBlcok> 

   <TextBlcok > 顯示字體(類似於Context)</TextBlcok>

Textblock常用到的屬性如下:

   Fontfamily 字體名稱,可以設置爲多種字體。

   FontSize  字體大小

   FontStyle 字體樣式

   FontWeight 字體的粗細

   Foreground 字體的前景顏色

   Width 文字區域的寬度

   Height 文字區域的高度

   Opacity  文字的透明度

   Text 顯示內容

   TextWrapping 字體自動換行

示例代碼

<TextBlock Text="測試" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" FontFamily="Andy" FontSize="102" FontStyle="Italic" FontWeight="SemiBold" Foreground="#FFEE1919" Width="200" Height="110" Opacity="0.7"/>

3. TextBox

   這個就相當於QQ登陸時候的輸入框。該控件在xaml的表現形式如下:

     <TextBox  .../>

    TextBox這個可以是一行,也可以多行。那麼多行的時候需要設置的屬性是textWrapping爲wrap。如果需要帶左右滾動條,需要設置:HorizontalScrollBarVisibility或者VerticalScrollBarVisibility.除了這幾個在textbox中最常用的屬性如下(詳情請參照http://msdn.microsoft.com/zh-cn/library/system.windows.controls.textbox.aspx):

名稱

說明

AcceptsReturn

獲取或設置一個值編輯控件的文本如何響應,當用戶按 enter 鍵。(繼承自 TextBoxBase。)

CaretBrush

獲取或設置用於繪製文本框的插入符號的畫筆。(繼承自 TextBoxBase。)

HorizontalContentAlignment

獲取或設置控件內容的水平對齊。(繼承自 Control。)

InputScope

獲取或設置此 FrameworkElement使用輸入的上下文。(繼承自 FrameworkElement。)

IsReadOnly

獲取或設置一個值編輯控件的文本是否是隻讀到與控件的用戶。(繼承自 TextBoxBase。)

MaxHeight

獲取或設置元素的最大高度約束。(繼承自 FrameworkElement。)

MaxLength

獲取或設置可中手動輸入文本框的最大字符數。

MaxLines

獲取或設置可見的行的最大數目。

Resources

獲取或設置本地定義的資源字典。(繼承自 FrameworkElement。)

SelectedText

獲取或設置當前的選定內容在文本框中。

SelectionBrush

獲取或設置顯示選定文本的畫筆。(繼承自 TextBoxBase。)

SelectionLength

獲取或設置一個字符數在當前選定的值在文本框中。

SelectionOpacity

獲取或設置 SelectionBrush的不透明度。(繼承自 TextBoxBase。)

SelectionStart

獲取或設置當前選擇的開頭的字符索引。

Text

獲取或設置文本框的文本內容。

TextAlignment

獲取或設置文本框的內容的水平對齊。

TextDecorations

獲取文本修飾應用於文本框。

TextWrapping

獲取或設置文本框應如何換行文本。

VerticalScrollBarVisibility

獲取或設置一個值垂直滾動條是否顯示。(繼承自 TextBoxBase。)

示例代碼

   自動折行,並且捕獲textbox內容變化事件:

<TextBox Height="72" TextWrapping="Wrap" Text="TextBox" FontFamily="Aharoni" FontSize="45" FontStretch="Expanded" FontStyle="Italic" FontWeight="ExtraBold" Foreground="#FF8A8A8A" RenderTransformOrigin="0,0.5" SelectionForeground="#FF015719" Background="#BF3A2FAC" BorderBrush="#BFF32797" SizeChanged="TextBox_SizeChanged_1">

   <TextBox.RenderTransform>

       <CompositeTransform Rotation="374.036"/>

</TextBox.RenderTransform>

</TextBox>

 private void TextBox_SizeChanged_1(object sender, SizeChangedEventArgs e)

 {

     test.Text = "我正在被修改";

 }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章