Silverlight1.0サンプルソース集

Microsoft Silverlight1.0のサンプルソースを無料で紹介

XAMLの基礎

サンプルソース

リンク

テキスト(文字)の変形を行う方法

テキストの変形方法についての説明です。
表示方法やスタイル、改行等は下のプロパティを参考にしてください。
TranslateTransformを使ってX、Yを指定することで立体文字に見せかけています。

XAMLのサンプルソース

   

<Canvas
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   Width="500" Height="200"
>

<TextBlock Canvas.Left="10" Canvas.Top="30" FontSize="20" >
  <TextBlock.RenderTransform>
    <SkewTransform AngleX="0" AngleY="-5" />
  </TextBlock.RenderTransform>
    1. Microsoft Silverlight1.0!!
</TextBlock>

<TextBlock Canvas.Left="10" Canvas.Top="60" FontSize="20" Foreground="#999999">
  <TextBlock.RenderTransform>
    <TranslateTransform X="-4" Y="-2" />
  </TextBlock.RenderTransform>
    1. Microsoft Silverlight1.0!!
</TextBlock>

<TextBlock Canvas.Left="10" Canvas.Top="60" FontSize="20" Foreground="#FF00FF" >
  <TextBlock.RenderTransform>
    <TranslateTransform X="0" Y="0" />
  </TextBlock.RenderTransform>
    1. Microsoft Silverlight1.0!!
</TextBlock>

</Canvas>

プロパティ

<LineBreak/> テキストの途中で改行したい場合これを入れる。
FontSize フォントのサイズ
FontStyle

フォントのスタイル
Normal
Italic
Oblique

FontWeight

フォントの太さ
Thin
ExtraLight
Normal
Medium
SemiBold
Bold
ExtraBold
Black
ExtraBlack

FontFamily フォントのタイプフェースを示すファミリー名
Foreground TextBlock の内側を塗りつぶすための Brush

Height高さ 例)Height="100"
Width横幅 例)Width="100"
Canvas.Top上端からxずらす 例)Canvas.Top="100"
Canvas.Left左端からxずらす 例)Canvas.Left="100"
Fill塗りつぶし 例)Fill="#000000"
Stroke線の色 例)Stroke="#000000"
StrokeThickness線の幅 例)StrokeThickness="5"
Opacity透明度
Canvas.ZIndex重なりの順序
X1X座標の始点
X2Y座標の始点
X2X座標の終点
Y2Y座標の終点
Points折れ線で使用