最近のアクセス:
[Scale Type] プロパティ

画像のサイズと画像を使用するコントロールのサイズに応じて、画像の表示方法を指定します。Theme Image クラスのこのプロパティを使用することで、画像が歪むのを回避できます。

No Scale 領域のコントロールのサイズには関係なく、画像の元のサイズを維持します。
Tile 画像は拡大/縮小されません。コントロールのサイズを埋めるように、水平方向と垂直方向に画像が繰り返されます。
Fill コントロールの領域のサイズに合わせて、画像の幅と高さが拡大/縮小されます。
Fill Keeping Aspect Ratio  コントロールの領域全体のサイズに合わせて画像の幅と高さが拡大または縮小されますが、画像の縦横比は維持されます。たとえば、画像のサイズが 100 x 200 で、コントロールのサイズが 50 x 50 の場合、画像のサイズは 50 x 100 に変換されます。
Fit 画像がすべて表示されるように幅と高さが拡大/縮小され、画像の縦横比は維持されます。たとえば、画像のサイズが 100 x 200 で、コントロールのサイズが 50 x 50 の場合、画像のサイズは 25 x 50 に変換されます。これが既定値です。

説明

通常は、レイアウト上の特定の領域に、歪まないように画像を表示する必要があります。問題は、画像のサイズと領域のサイズが同じでない場合です (最も一般的なシナリオ)。たとえば、写真のサイズが 1000 x 800 で、それをサイズが 200 x 150 の領域に配置するとします。それぞれのサイズの縦横比が異なっています。元の画像を歪ませずにサイズを 200 x 150 に変更し、写真の縦横比も維持する必要があります。  この場合、既定値の scaleToFitkeepingAspect を使用する必要があります。 [ Content Mode ] は、領域に表示するコンテンツ (この場合、画像) のリサイズに使用されます。

サンプル 1 - コントロールより大きい画像

サイズが 500 x 559 の次の画像があります:
イメージ:17898.jpg
これが、画像より小さいテーブルのセル内に使用されます。 [ Content Mode ] プロパティのさまざまな値を使用して、どのように表示されるか見てみましょう。
イメージ:17899.png

サンプル 2 - コントロールより小さい画像

サイズが 50 x 50 の次の画像があります:
イメージ:17897.jpg
これが、画像より大きいテーブルのセル内に使用されます。 [ Content Mode ] プロパティのさまざまな値を使用して、どのように表示されるか見てみましょう。
イメージ:17900.png

適用範囲

オブジェクト: Theme for Smart Devices
コントロール:  Image
対応しているプラットフォーム:  スマートデバイス (iOS、Android)

参考情報







サブページ
Created: 15/01/07 22:49 by Admin Last update: 21/05/21 03:32 by Admin
カテゴリ
Powered by GXwiki 3.0