ホーム > Expression Blend > Windows Phone 7 のはてなフォトライフビューワを作る

Windows Phone 7 のはてなフォトライフビューワを作る (後編)

蜜葉 優@Silverlight Square[著], わにちゃん@ExpressionTech.jp[編集]
2011年3月12日 from Atelier:Mitsuba

その2-画像の縦横比を崩さない-

次に、ImagePage.xamlで表示される画像の比率がおかしいので、それを直しましょう。

まず、オブジェクトパネルからimageを選択します。

f:id:c-mitsuba:20110311235415p:image

次に共通プロパティを見てみましょう。

StretchがFillになっていますね。

f:id:c-mitsuba:20110311235643p:image

Fillっていうのは、縦横比を保持せずにその領域を埋める設定ですね。

これをUniformに変更します。

f:id:c-mitsuba:20110312000017p:image

Uniformは縦横比を維持しながら、領域に収まるようにコンテンツのサイズを変更するプロパティですね。

一応Uniformの最初のサイズが領域を超えないように制限をかけておきます。

Uniformだと収まるように変更してくれるはずですが、なぜか付けてました。

なくてもいいと思います。

f:id:c-mitsuba:20110312000341p:image

最後にレイアウトを編集して、imageがContentPanelの真ん中に表示されるように設定します。

触るのはHorizonAlignmentとVerticalAlignmentを触ればいいですね。

f:id:c-mitsuba:20110312001153p:image

これで、縦横比が崩れずに綺麗な画像が表示されるようになりますね。

f:id:c-mitsuba:20110312001502p:image

INDEX

コメント

▲このページのトップへ