Xamarin.Forms
Xamarin.Formsセル

エントリーセル

EntryCellは、LabelとEntryの機能を組み合わせたCellです。 EntryCellは、アプリケーション内でユーザーからデータを収集するための機能を構築する場合に役立ちます。それらは簡単にTableViewに配置することができ、簡単なフォームとして扱うことができます。

XAML

<EntryCell Label="Type Something"
Placeholder="Here"/>

コード

var entryCell = new EntryCell {
Label = "Type Something",
Placeholder = "Here"
};

SwitchCell

SwitchCellは、LabelとOn-Offスイッチの機能を組み合わせたCellです。 SwitchCellは、機能やユーザーの設定や構成オプションのオン/オフに便利です。

XAML

<SwitchCell Text="Switch It Up!" />

コード

var switchCell = new SwitchCell {
Text = "Switch It Up!"
};

TextCell

TextCellは、データを表示するための2つの別々のテキスト領域を持つセルです。 TextCellは、通常、TableViewコントロールとListViewコントロールの両方で情報目的で使用されます。 2つのテキスト領域は、セル内のスペースを最大にするように垂直に配置されます。このタイプのセルは、階層データを表示するためにもよく使用されるため、ユーザーがこのセルをタップすると別のページに移動します。

XAML

<TextCell Text="I am primary"
TextColor="Red"
Detail="I am secondary"
DetailColor="Blue"/>

コード

var textCell = new TextCell {
Text = "I am primary",
TextColor = Color.Red,
Detail = "I am secondary",
DetailColor = Color.Blue
};

ImageCell

ImageCellはまさにそのようなものです。画像だけを含むシンプルなセルです。このコントロールは通常のImageコントロールと非常によく似ていますが、鐘や笛ははるかに少ないです。

XAML

<ImageCell ImageSource="http://d2g29cya9iq7ip.cloudfront.net/content/imag
es/company/aboutus-video-bg.png?v=25072014072745")),
 Text="This is some text"
 Detail="This is some detail" />

コード

var imageCell = new ImageCell {
ImageSource = ImageSource.FromUri(new Uri("http://d2g29cya9iq7ip.clou
109
dfront.net/content/images/company/aboutus-videobg.png?v=25072014072745")),
 Text = "This is some text",
 Detail = "This is some detail"
};

ViewCell

ViewCellは空白のスレートと考えることができます。あなたが望むように正確に見えるCellを作成するのはあなたの個人的なキャンバスです。レイアウトコントロールと一緒に置かれた複数の他のViewオブジェクトのインスタンスで構成することもできます。あなたは想像力によって制限されます。そしておそらく画面のサイズ。

XAML

<ViewCell>
<ViewCell.View>
<StackLayout>
<Button Text="My Button"/>

<Label Text="My Label"/>
<Entry Text="And some other stuff"/>
</StackLayout>
</ViewCell.View>
</ViewCell>

コード

var button = new Button { Text = "My Button" };
var label = new Label { Text = "My Label" };
var entry = new Entry { Text ="And some other stuff" };
var viewCell = new ViewCell {
View = new StackLayout {
Children = { button, label, entry }
}
};