【Xamarin.Formsの基本】データバインディングとは

Xamarin

C#
ツール・ソフトウェア
プログラミング言語

公開日時: 2020-04-08 　更新日時: 2022-06-01

この記事でわかること

この記事では、Xamarin.Formsの基本であるデータバインディングについて紹介します。このデータバインディングを使うと、よりシンプルなコーディングを行うことができるようになるので、Xamarinでアプリを開発するエンジニアの方は参考にしてみてください。

システム エンジニア: データバインディングって初めて聞く言葉ですが、何でしょうか？

プロジェクト マネージャー: データバインディングは、2つのオブジェクト間のプロパティ値を連動させたい場合に使用します。この記事で概要と例を詳しくお伝えしていきます。

データバインディングとは

データバインディングは2つのオブジェクトのプロパティを結びます。
これらを結ぶことにより、片方のプロパティの値を変更すると、もう片方のプロパティの値も自動的に変更されます。

データバインディングの例

マイクロソフト社が提供するXamarinの公式ページを参考に、データバインディングの例をご紹介します。

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="DataBindingDemos.BasicCodeBindingPage"
             Title="Binding Sample">
    <StackLayout>
        <Label x:Name="label"
               Text="SAMPLE TEXT"
               FontSize="30"
               HorizontalOptions="Center"
               VerticalOptions="CenterAndExpand" />

        <Slider x:Name="slider"
                Maximum="90"
                VerticalOptions="CenterAndExpand" />
    </StackLayout>
</ContentPage>

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

x:Class="DataBindingDemos.BasicCodeBindingPage"

Title="Binding Sample">

<Label x:Name="label"

Text="SAMPLE TEXT"

FontSize="30"

HorizontalOptions="Center"

VerticalOptions="CenterAndExpand" />

<Slider x:Name="slider"

Maximum="90"

VerticalOptions="CenterAndExpand" />

</StackLayout>

</ContentPage>

public partial class BindingSamplePage : ContentPage
{
    public BindingSamplePage()
    {
        InitializeComponent();

        label.BindingContext = slider;
        label.SetBinding(Label.RotationProperty, "Value");
    }
}

public partial class BindingSamplePage : ContentPage

{

public BindingSamplePage()

{

InitializeComponent();

label.BindingContext = slider;

label.SetBinding(Label.RotationProperty, "Value");

}

動作結果

スライダーの操作で「SAMPLE TEXT」という文字を90度まで回転させることが可能になります。

サンプルのコードを解説

Xamarin.Formsのデータバインディングでは「ソース」と「ターゲット」というオブジェクトを結びつけます。この2つのオブジェクトが繋がることで、データのバインドが可能になります。

ターゲットのプロパティは、ソースのプロパティを参照してください。ターゲットが影響を受ける側で、ソースが影響を与える側です。
つまり、ソースの値を変更するとターゲットの値も同じように変更されます。

今回の場合であれば、Sliderで設定された回転度数がLabelのテキストの回転の調整に影響を与えます。このようにLabelがSliderの設定に影響されるので、「Labelがターゲット」で「Sliderがソース」になります。

label.BindingContext = slider;でSliderをソースとして指定し、
label.SetBinding(Label.RotationProperty, “Value”);でLabelをターゲットとして設定しています。

システム エンジニア: このバインディングを使えば簡単にインターフェイスに動きを与えることができそうですね。

プロジェクト マネージャー: はい。容易なコーディングが実現できます。

データバインディング使って利便性の高いコーディングを

データバインディングを使えば、簡単にインターフェイスと機能を紐付けることができます。
アプリケーション開発などではデータバインディングを利用して、簡素化された読みやすいコードを書きましょう。

FEnet.NETナビ・.NETコラムは株式会社オープンアップシステムが運営しています。

株式会社オープンアップシステムはこんな会社です

秋葉原オフィスには株式会社オープンアップシステムをはじめグループのIT企業が集結！
数多くのエンジニアが集まります。

スマホアプリから業務系システムまで

スマホアプリから業務系システムまで開発案件多数。システムエンジニア・プログラマーとしての多彩なキャリアパスがあります。
充実した研修制度

毎年、IT技術のトレンドや社員の要望に合わせて、カリキュラムを刷新し展開しています。社内講師の丁寧なサポートを受けながら、自分のペースで学ぶことができます。
資格取得を応援

スキルアップしたい社員を応援するために資格取得一時金制度を設けています。受験料(実費)と合わせて資格レベルに合わせた最大10万円の一時金も支給しています。
東証プライム上場企業グループ

オープンアップシステムは東証プライム上場「株式会社オープンアップグループ」のグループ企業です。

安定した経営基盤とグループ間のスムーズな連携でコロナ禍でも安定した雇用を実現させています。

株式会社オープンアップシステムに興味を持った方へ

株式会社オープンアップシステムでは、開発系エンジニア・プログラマを募集しています。

年収をアップしたい！スキルアップしたい！大手の上流案件にチャレンジしたい！
まずは話だけでも聞いてみたい場合もOK。お気軽にご登録ください。

株式会社オープンアップシステムへ応募する
会員登録不要! カンタン45秒!

【Xamarin.Formsの基本】データバインディングとは

データバインディングとは