Maui 教學 – BindingLayout – 簡單來說, BindingLayout就是把for loop放進xaml的版面中, 方便顯示.
BindingLayout的用法
- BindingLayout基本上是用放在其他的Layout之內, 再把List, Array等Collection的內容用好像Foreach Looping的方式般一個個地取讀, 讓Collection內Item的VALUE應埴入BindingLayout內的Block上.
- 在其他Layout上, 把文字, 圖片等排列好, 令GUI美觀.
- 只要把List加上Bindingsource, 就能綁定.
- 固名思義, Binding就是把介面和Collection綁定, 即Collection的增減會自動顯示在BindingLayout上, 加一項資料, 程序員不需再用Coding把GUI的介面再增加一次.
BindingLayout的好處
- 增減資料時, 不用Coding來更新介面
- 重覆CODING.
那現在就開始了, Let’s Code!
| 例子: |
| <StackLayout x:Name=”layout” BindableLayout.ItemsSource=”{Binding Items}” Orientation=”Vertical” Margin=”20″ Spacing=”6″ WidthRequest=”400″ HorizontalOptions=”Center”> <BindableLayout.ItemTemplate> <DataTemplate> <StackLayout Orientation=”Horizontal”> <Label WidthRequest=”200″ Text=”{Binding Name}”/> <Label WidthRequest=”150″ Text=”{Binding TelNo}”/> </StackLayout> </DataTemplate> </BindableLayout.ItemTemplate> </StackLayout> |
| 注意事項: 在StackLayout內, 加入Tag: BindableLayout.ItemTemplate -> DataTemplate 把List Bind上BindableLayout: BindableLayout.ItemsSource=”{Binding Items}” 再在每一個Control的Attribute內Bind上Value, 如Text中加入“{Binding proertyName}” |
| 結果如下: |
