Silverlight mang đến một control rất hữu dụng được gọi là TextBlock. Control này cho phép bạn hiển thị những văn bản chỉ dùng để đọc. HIển thị văn bản dựa vào control này rất dễ dàng và đơn giản như sau:
<TextBlock Text="Hello There"></TextBlock>
Ngoài ra, còn có các thuộc tính đi kèm theo control này mà bạn có thể chọn, để định dạng văn bản hiển thị theo như ý muốn của bạn. Bao gồm:
1. FontFamily. Các kiểu chữ, bạn có thể chọn theo tên font chữ, giống như sau.
<TextBlock FontFamily="Courier New">Hello There</TextBlock>
<TextBlock FontFamily="Times New Roman" Canvas.Top="10">Hello There</TextBlock>
<TextBlock FontFamily="Verdana" Canvas.Top="20">Hello There</TextBlock>
2. FontSize. Kích cỡ chữ theo đơn vị pixel.
<TextBlock FontSize="10">Hello There</TextBlock>
<TextBlock FontSize="20" Canvas.Top="20">Hello There</TextBlock>
<TextBlock FontSize="30" Canvas.Top="50">Hello There</TextBlock>
2 FontStretch. (tỉ lệ phông chữ) Tùy chọn là :
Lưu ý là những hỗ trợ tùy chọn trên còn tùy thuộc vào loại phông chữ mà bạn đang sử dụng nữa nhé.
3. FontWeight. Tùy chọn bao gồm : Thin, ExtraLight, Light, Normal, Medium, SemiBold, Bold, ExtraBold, Black, ExtraBlack.
Lưu ý là những hỗ trợ tùy chọn trên còn tùy thuộc vào loại phông chữ mà bạn đang sử dụng nữa nhé.
<TextBlock Text="Hello There" FontWeight="Normal" Canvas.Top="0"></TextBlock>
<TextBlock Text="Hello There" FontWeight="Bold" Canvas.Top="10"></TextBlock>
4 FontStyle: Tùy chọn bao gồm: Normal, Italic
<TextBlock Text="Hello There" FontStyle="Normal" Canvas.Top="0"></TextBlock>
<TextBlock Text="Hello There" FontStyle="Italic" Canvas.Top="10"></TextBlock>
5. Foreground. Thuộc tính này cho phép bạn thay đổi màu sắc của phông chữ. Bạn có thể sử
dụng bao gồm những brush như solid color (một màu nào đó và chỉ màu đó thôi còn gọi là màu rắn) , gradient (màu đậm nhạt theo kiểu nghệ thuật) , hình ảnh hoặc video brush
để tạo ra nhiều hiệu ứng.
<TextBlock Text="Hello There" FontSize="20" FontFamily="Arial" Canvas.Top="0"> <TextBlock.Foreground>
<LinearGradientBrush>
<GradientStop Color="#FF0000FF" Offset="0.0" />
<GradientStop Color="#FFEEEEEE" Offset="1.0" />
</LinearGradientBrush>
</TextBlock.Foreground>
</TextBlock>
<TextBlock Text="Hello There" FontSize="20" FontFamily="Arial" Canvas.Top="20" Foreground="Red"></TextBlock>
6. TextDecorations. Môt văn bản được trang trí là văn bản dùng để thu hút sự chú ý của người đọc mà bạn có thể thêm hiệu ứng này cho văn bản của bạn. Hiện tại chỉ hỗ trợ hiệu ứng gạch dưới văn bản là "underline".
<TextBlock TextDecorations="underline">Hi there</TextBlock>
7. Runs. Cuối cùng, bạn có thể liên kết chạy những phần khác nhau của phần định dạng văn bản trong cùng một TextBlock bằng cách sử dụng phần tử Run . Thí dụ, bạn có thể hiển thị một string như thế này:
<TextBlock>
<Run FontWeight="Bold">Hello There.</Run>
<Run Foreground="Red">How are you?</Run>
<Run FontStyle="Italic">I am fine thanks!</Run>
<Run>漢字</Run>
</TextBlock>
Thank you,
--Mike Snow
