I.Introduction

– Trước khi bắt đầu bài này mình hy vọng rằng các bạn đã xem bài trước về Default FontStyle trong Windows Phone.

– Bài này có thể nói như phần tiếp theo của bài Defaul FontStyle … Trong bài này mình xin chia sẻ cách sử dụng những Defaut Style trong Windows Phone 7.

II.Fundamental

– Việc sử dụng Style giúp chúng ta tiết kiệm rất nhiều thời gian trong lập trình, nhất trong những trường hợp 1 sử dụng 1Style cho nhiều Control.

– Dưới đây mình có 1 đoạn Code minh họa về Style cho ListBox :

   1:  <Style x:Name="ViewPlanListBoxStyle" TargetType="ListBox">

   2:     <Setter Property="ItemTemplate">

   3:         <Setter.Value>

   4:             <DataTemplate>

   5:                 <Grid>

   6:                     <Grid.RowDefinitions>

   7:                         <RowDefinition />

   8:                         <RowDefinition />

   9:                         <RowDefinition Height="5"/>

  10:                     </Grid.RowDefinitions>

  11:                     <Grid.ColumnDefinitions>

  12:                         <ColumnDefinition Width="10"/>

  13:                         <ColumnDefinition Width="*"/>

  14:                     </Grid.ColumnDefinitions>

  15:                     <StackPanel Grid.Column="0"

  16:                       Grid.RowSpan="2" 

  17:                      Background="{StaticResource PhoneAccentBrush}" 

  18:                      Margin="1,1,1,1">

  19:   

  20:                     </StackPanel>

  21:                     <TextBlock Text="{Binding Name}" Grid.Column="1" 

  22:                      Padding="5" Grid.Row="0"

  23:                      Style="{StaticResource PhoneTextExtraLargeStyle}"/>

  24:   

  25:                     <TextBlock Grid.Row="1" Grid.Column="1" 

  26:                                Text="{Binding Path=StartDay,StringFormat='MMMM, dd yyyy'}" 

  27:                                Margin="14,1,1,1" Padding="5" 

  28:                                Style="{StaticResource PhoneTextNormalStyle}"/>

  29:                 </Grid>

  30:             </DataTemplate>

  31:         </Setter.Value>

  32:     </Setter>

  33:  /Style>

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, “Courier New”, courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

– Từ đoạn code trên cho thấy là nếu cần thiết thì chúng ta phải tự tạo 1 Style riêng cho Control, nhưng trong những trường quy định cho Text, cho Title, cho những đoạn văn bản thì sao ???? hiển nhiên là chúng ta có thể tự tạo những Style riêng biệc cho mình, nhưng trước khi tạo Style chúng ta hãy kiểm tra xem Style mình muốn tạo đã được Microsoft hổ trợ chưa ??? nếu đã có hổ trợ thì chúng ta sẽ tiết kiệm được rất nhiều thời gian, chỉ việc sử sau cho hợp lý,

Sau đây là một số Text Style mà Microsoft đã hổ trợ :

– Sau khi đã hiểu rõ những Default Text Style mình tin chắc rằng nếu các bạn phát triển ứng dụng mà đã sử dụng thuần thục những Default Style thì sẽ tiết kiệm rất rất nhiều thơi gian.

– Để thêm 1 Style chúng ta có rất nhiều cách, nhưng mình chia sẻ 2 cách đơn giản để thêm Defaut Text Style vào Control.

Cách 1: Chúng tạo mới một Control nào đó (Có thuộc tính Text, Content, Header ….) và thêm dòng code :

Style=”{StaticResource StyleName}” (StyleName là tên Style) thì lập tức thuộc tính Text của Control đó sẽ được Set đúng với Style mà chúng ta đã chọn.

<!-- Thêm Style cho TextBlock -->

<TextBlock Style="{StaticResource PhoneTextExtraLargeStyle}" />

Cách 2: Chúng ta chọn right-click và Control và chọn đến thuộc tính Style –> chọn Apply Resource –> hệ thống sẽ hiện lên tất cả những Style cho chúng ta lựa chọn.

Kết quả :

Hy vọng bài viết này sẽ giúp ích cho các bạn

/*It’s time for Windows Phone !*/