C#對Xamarin框架進行數(shù)據(jù)綁定
關于數(shù)據(jù)綁定
Xamarin 單向、雙向綁定
Xaml綁定
C#代碼綁定
在此之前，幾段 偽代碼 幫助像我一樣菜的同學入門。。。
假如說，有兩個控件，一個是滑動條(Slider)，一個是顯示文本的標簽(Label)。
Slider slider = new Slider()
{
Maximum = 1,
Value = 10
};
Label label = new Label();
label.Text = slider.Value.ToString();滑動條(Slider)滑動的最小單位是 1，初始化值是 10。
我們想用標簽(Label)顯示滑動條的值，在代碼里可以直接賦值。
label.Text = slider.Value.ToString();
但是，這樣只能獲取一次值，我們想滑動條每次滑動，標簽動態(tài)顯示滑動條的值，這時候就需要綁定。
方式1：
Slider slider = new Slider()
{
Maximum = 1,
Value = 10
};
Label label = new Label();
label.Text = "666"; // 隨便初始化一個值
label.BindingContext = slider; // 與一個對象相關聯(lián)
// 設置一個綁定
// 將 Label 類型的 Text 與 slider 的 Value 屬性綁定起來
label.SetBinding(Label.TextProperty,"Value");方式2：
Slider slider = new Slider()
{
Maximum = 1,
Value = 10
};
Label label = new Label();
label.Text = "666"; // 隨便初始化一個值
Binding binding = new Binding()
{
Source = slider, // 關聯(lián)數(shù)據(jù)源
Path = "Value" // 綁定數(shù)據(jù)源的屬性
};
// 綁定
label.SetBinding(Label.TextProperty, binding);上面里，有關鍵字需要記住
BindingContext()、SetBinding()、Binding、Source、Path。
視圖-視圖綁定
視圖-視圖綁定，即 UI 控件間的綁定，使用 Xaml 代碼即可完成，不需要 C#代碼。
上一節(jié)中，使用 偽代碼 來作為示范，顯示了兩種綁定方式，下面將以兩種方式為例，編寫 Xaml 代碼的綁定。
首先，要建立數(shù)據(jù)源
<Slider x:Name="slider" Maximum="1.0" VerticalOptions="CenterAndExpand" />
綁定數(shù)據(jù)使用 {Binding ... ...}
然后按照第一種方式就行綁定
<Label x:Name="label"
BindingContext="{x:Reference Name=slider}"
Text="{Binding Path=Value}" />x:Reference 是拓展標記，在 XAML 標記中其他地方聲明的實例的引用。 指明所引用的元素的 x:Name。就是一種固定格式，主要是里面的 Name，要填寫數(shù)據(jù)控件的 X:Name 屬性。
{Binding Path=Value} 表明操作是 Binding ，即綁定數(shù)據(jù)，綁定的數(shù)據(jù)是 slider 的 Value 屬性。
上面綁定方式，先在 BindingContext 屬性中綁定數(shù)據(jù)源對象，再在 Text 屬性中綁定 數(shù)據(jù)源對象 的 Value 屬性。
第二種方式
<Label Text="{Binding Source={x:Reference Name=slider}, Path=Value}" />第二種方式，直接使用 {Binding ... ... } 綁定數(shù)據(jù)，Source 設置要綁定的數(shù)據(jù)源對象，Path 綁定了這個對象的某個屬性。
為了讓界面好看一些，總結(jié)上面的代碼，寫成
<StackLayout>
<Label x:Name="label"
BindingContext="{x:Reference Name=slider}"
Text="{Binding Path=Value}" />
<Slider x:Name="slider" Maximum="1.0" VerticalOptions="CenterAndExpand" />
<Label Text="{Binding Source={x:Reference Name=slider}, Path=Value}" />
</StackLayout>
但是上面的小數(shù)點位數(shù)太多，不符合我們需要的格式，我們可以使用 StringFormat 對數(shù)據(jù)進行格式化。
Text="{Binding Path=Value,StringFormat='{0:F1}'}綁定模式
綁定枚舉
綁定類型的BindingMode枚舉：
DefaultOneWay-值從源傳輸?shù)侥繕?/li>OneWayToSource-值從目標傳輸?shù)皆?/li>TwoWay-值傳輸源和目標之間的這兩種方式OneTime-數(shù)據(jù)從源到目標進行，但僅當BindingContext發(fā)生更改時
上面的的數(shù)據(jù)綁定，是一對一的，而且是單向的數(shù)據(jù)綁定，是先有 Slider 控件，再在 Label 中綁定。
而且實際場景，1對1并且數(shù)據(jù)雙向影響、1對多并且多個數(shù)據(jù)源數(shù)據(jù)匯集到一個控件等。
單個控件的不同屬性都可以綁定數(shù)據(jù)。 但是，每個控件只能有一個BindingContext，因此，在該視圖上的多個數(shù)據(jù)綁定必須全部引用同一對象的屬性。
如果你使用上小節(jié)的第一種方式的話，那么只能綁定=一個對象和使用這個對象的屬性。
如果使用第二種方法，則可以綁定多個數(shù)據(jù)源。
一對多-目標綁定源數(shù)據(jù)
根據(jù)之前的示例，假如 Label 的多個屬性，同時要綁定不同的數(shù)據(jù)，可以這樣寫。
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<!-- Scale：大小， Rotation：旋轉(zhuǎn)角度 -->
<Label x:Name="label"
Text="TEXT"
Scale="{Binding Source={x:Reference Name=slider1},Path=Value}"
Rotation="{Binding Source={x:Reference Name=slider2},Path=Value}"
HorizontalOptions="Center"
VerticalOptions="CenterAndExpand" />
<!-- 用來控制大小 -->
<Slider x:Name="slider1"
Grid.Row="1" Grid.Column="0"
Value="5"
Maximum="10" />
<!--控制旋轉(zhuǎn)角度 -->
<Slider x:Name="slider2"
Grid.Row="2" Grid.Column="0"
Maximum="360"/>
</Grid>
一對多-源對象綁定目標
上面的方法不太靈活，假設 Label 是公用的，要在 Label 里面配置多個屬性的數(shù)據(jù)來源，要通過自身編寫綁定，而且一個屬性只能綁定一個數(shù)據(jù)對象。
為了降低耦合度，降低 Label 綁定數(shù)據(jù)的復雜程度，并且使得多個對象都可以修改 Label 的屬性。
我們可以反過來，創(chuàng)建多個控件，Label 是數(shù)據(jù)源，其他控件是目標源，但是數(shù)據(jù)卻是從其他控件提供給 Label 的。有的繞，沒事，下面舉例說明。
<!-- Scale：大小， Rotation：旋轉(zhuǎn)角度 -->
<Label x:Name="label"
Text="TEXT"
HorizontalOptions="Center"
VerticalOptions="CenterAndExpand" />
<!-- 用來控制大小 -->
<Slider x:Name="scaleSlider"
BindingContext="{x:Reference label}"
Grid.Row="1" Grid.Column="0"
Maximum="10"
Value="{Binding Scale, Mode=TwoWay}" />
<!--控制旋轉(zhuǎn)角度 -->
<Slider x:Name="rotationSlider"
BindingContext="{x:Reference label}"
Grid.Row="2" Grid.Column="0"
Maximum="360"
Value="{Binding Rotation, Mode=OneWayToSource}" />label 不作任何處理，而 scaleSlider 和 rotationSlider 把 label 作為數(shù)據(jù)源綁定，從綁定的定義來說， label 是數(shù)據(jù)源， label 的屬性數(shù)據(jù)將 作為 目標控件 scaleSlider、 rotationSlider 的屬性值。
咦？好像搞錯了，我們是要通過別的控件，去修改 label 的屬性值，怎么變成了用 label 的屬性值當作 此控件 的屬性值了？
原因在于使用了 Mode 。
OneWayToSource 枚舉：值從目標傳輸?shù)皆础?/p>
從綁定的代碼和定義來說，label 是數(shù)據(jù)源，滑動條是目標，但是數(shù)據(jù)是反向流通的。
文本框雙向綁定
示例代碼如下
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="2*" />
<RowDefinition Height="2*" />
<RowDefinition Height="2*" />
<RowDefinition Height="2*" />
<RowDefinition Height="2*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
</Grid.ColumnDefinitions>
<Editor x:Name="edit1"
Grid.Row="0"
Grid.Column="1"
Grid.ColumnSpan="2"
Text="a"/>
<Editor x:Name="edit2"
Grid.Row="1"
Grid.Column="1"
Grid.ColumnSpan="2"
Text="{Binding Source={x:Reference edit1},Path=Text,Mode=TwoWay}"/>
</Grid>
官方示例
微軟官方文檔有一個示例代碼量比較多，有興趣可以參考一下
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="XamlSamples.SliderTransformsPage"
Padding="5"
Title="Slider Transforms Page">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<!-- Scaled and rotated Label -->
<Label x:Name="label"
Text="TEXT"
HorizontalOptions="Center"
VerticalOptions="CenterAndExpand" />
<!-- Slider and identifying Label for Scale -->
<Slider x:Name="scaleSlider"
BindingContext="{x:Reference label}"
Grid.Row="1" Grid.Column="0"
Maximum="10"
Value="{Binding Scale, Mode=TwoWay}" />
<Label BindingContext="{x:Reference scaleSlider}"
Text="{Binding Value, StringFormat='Scale = {0:F1}'}"
Grid.Row="1" Grid.Column="1"
VerticalTextAlignment="Center" />
<!-- Slider and identifying Label for Rotation -->
<Slider x:Name="rotationSlider"
BindingContext="{x:Reference label}"
Grid.Row="2" Grid.Column="0"
Maximum="360"
Value="{Binding Rotation, Mode=OneWayToSource}" />
<Label BindingContext="{x:Reference rotationSlider}"
Text="{Binding Value, StringFormat='Rotation = {0:F0}'}"
Grid.Row="2" Grid.Column="1"
VerticalTextAlignment="Center" />
<!-- Slider and identifying Label for RotationX -->
<Slider x:Name="rotationXSlider"
BindingContext="{x:Reference label}"
Grid.Row="3" Grid.Column="0"
Maximum="360"
Value="{Binding RotationX, Mode=OneWayToSource}" />
<Label BindingContext="{x:Reference rotationXSlider}"
Text="{Binding Value, StringFormat='RotationX = {0:F0}'}"
Grid.Row="3" Grid.Column="1"
VerticalTextAlignment="Center" />
<!-- Slider and identifying Label for RotationY -->
<Slider x:Name="rotationYSlider"
BindingContext="{x:Reference label}"
Grid.Row="4" Grid.Column="0"
Maximum="360"
Value="{Binding RotationY, Mode=OneWayToSource}" />
<Label BindingContext="{x:Reference rotationYSlider}"
Text="{Binding Value, StringFormat='RotationY = {0:F0}'}"
Grid.Row="4" Grid.Column="1"
VerticalTextAlignment="Center" />
</Grid>
</ContentPage>簡單的集合綁定
MainPage.xaml 里添加
<ListView x:Name="lview">
</ListView>MainPage.xaml.cs 里，改成
public partial class MainPage : ContentPage
{
public static List<string> lists = new List<string> {"a","b","c","d","e","f" };
public MainPage()
{
InitializeComponent();
lview.ItemsSource = lists;
}
}運行后，會自動出現(xiàn)列表。
到此這篇關于C#對Xamarin框架進行數(shù)據(jù)綁定的文章就介紹到這了。希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了C#文件上傳的簡單實現(xiàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
C#事務處理（Execute Transaction）實例解析
這篇文章主要介紹了C#事務處理（Execute Transaction）實例解析,對于理解和學習事務處理有一定的幫助,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了c# 字符串操作的相關知識，文中講解的非常詳細，代碼幫助大家更好的學習，感興趣的朋友可以參考下，希望能給你帶來幫助2021-07-07
這篇文章主要介紹了C#用鏈式方法表達循環(huán)嵌套的相關資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了c#執(zhí)行多條sql更新語句實現(xiàn)數(shù)據(jù)庫事務的示例，大家參考使用吧2014-01-01
想在網(wǎng)頁中動態(tài)地顯示當前系統(tǒng)的時間，找了好多，不過都是一些停在那里不動的。。。不過皇天不負有心人，終于讓我找到了2013-05-05
C#利用Openxml讀取Excel數(shù)據(jù)實例
這篇文章主要介紹了C#利用Openxml讀取Excel數(shù)據(jù)的方法,包括使用中的注意點分析及疑難探討,需要的朋友可以參考下2014-09-09
本文主要介紹了C#調(diào)用Python腳本程序的兩種方法,包含介紹了通過C#IronPython開源庫和通過Process類來運行python解釋器這兩種,具有一定的參考價值,感興趣的可以了解一下2024-02-02
關于進制之間的相互轉(zhuǎn)換,很多人覺得進制較多,所以轉(zhuǎn)換起來比較麻煩,筆者今天在這里說下,進制雖然較多,但其實轉(zhuǎn)換的算法幾近相同2013-11-11
操作xml,將xml數(shù)據(jù)顯示到treeview的C#代碼
這篇文章主要介紹了操作xml,將xml數(shù)據(jù)顯示到treeview的C#代碼，有需要的朋友可以參考一下2013-11-11