Skip to content

Instantly share code, notes, and snippets.

@matsukurou
Last active August 29, 2015 14:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save matsukurou/5038bd2c3bd294e855e7 to your computer and use it in GitHub Desktop.
Save matsukurou/5038bd2c3bd294e855e7 to your computer and use it in GitHub Desktop.
Xamarin.Forms で配置設定を指定せずに画像を表示する
// 背景色の設定
BackgroundColor = Color.White;
// 全体のレイアウト
var stackLayout = new StackLayout
{
// 縦は真ん中に表示
VerticalOptions = LayoutOptions.Center,
// 横は真ん中に表示
HorizontalOptions = LayoutOptions.Center,
// 背景色を設定
BackgroundColor = Color.White,
// スペースを設定
Spacing = 30,
};
// Aspectを全てさらう
foreach (Aspect aspect in Enum.GetValues(typeof(Aspect)))
{
// Aspect文字表示用のラベル
var label = new Label
{
// Aspectを文字表示
Text = aspect.ToString(),
// テキストのカラーを設定
TextColor = Color.Black,
// 中心表示にする
HorizontalOptions = LayoutOptions.Center,
// フォントサイズを設定
FontSize = 30,
};
// 画像
var image = new Image
{
// 画像を読み込んでSourceプロパティに設定
Source = ImageSource.FromResource("ImageSample.Resources.Images.icon_A.png"),
// 背景色を設定
BackgroundColor = Color.Green,
// アスペクトを設定
Aspect = aspect,
};
// ラベルと画像をレイアウト
// レイアウトの幅は、ラベルの幅と画像の幅を比較して大きい方の幅になる。
// ラベルの幅の方が大きくなった場合、このページの趣旨と異なるので注意(画像の幅が変わる)。
var layout = new StackLayout
{
Children =
{
label,
image,
},
};
stackLayout.Children.Add(layout);
}
// コンテントにレイアウトを設定
Content = stackLayout;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment