Xamarin XAML語言教程使用Progress屬性資料繫結設定進度條進度
Xamarin XAML語言教程使用Progress屬性資料繫結設定進度條進度
開發者除了可以為ProgressBar定義的Progress屬性直接賦雙精度型別的值外,還可以通過資料繫結的方式為該屬性賦值,此時繫結的資料也一樣是返回雙精度型別的。
【示例12-8:ProgressBarProgressTwo】以下將通過滑塊控制元件控制進度條的當前進度。程式碼如下:
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:ProgressBarProgressTwo"
x:Class="ProgressBarProgressTwo.MainPage">
<StackLayout Spacing="60"
VerticalOptions="Center" >
<Slider x:Name="slider" />
<ProgressBar BindingContext="{x:Reference Name=slider}"
Progress="{Binding Path=Value}"/>
</StackLayout>
</ContentPage>
在此程式碼中,我們將ProgressBar中的Progress屬性繫結到了Slider的Value屬性上。此時執行程式,會看到如圖12.28~12.29所示的效果。當開發者拖動滑塊控制元件中的滑塊時,會看到類似於圖12.30~12.31所示的效果。
圖12.30 Android的執行效果 圖12.31 iOS的執行效果
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29597077/viewspace-2139224/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- HTML <progress> 進度條HTML
- 直播平臺搭建原始碼,uniapp progress進度條原始碼APP
- 【新特性速遞】進度條,進度條,進度條
- Excel實現完成進度的進度條結果Excel
- 這才是我想要的彩虹進度條-[vue-ins-progress-bar]Vue
- Qt 進度條QT
- Linux 進度條(非100%)列出unzip進度Linux
- 58python 進度條設計Python
- Ajax 處理時進度條使用
- 關於WPF進度條的使用
- wkwebView 新增 進度條WebView
- 學習進度條
- 簡單進度條
- Python進度條技巧Python
- canvas 畫進度條Canvas
- Android花樣loading進度條(三)-配文字環形進度條Android
- 使用canvas繪製圓形進度條Canvas
- python-進階教程-使用物件屬性進行排序Python物件排序
- Vue模板語法、屬性繫結、條件渲染的學習Vue
- SeekBar進度和緩衝進度使用
- ProgressBar進度條顏色
- icp配準進度條
- C語言資料結構(8)--棧 後進先出線性表C語言資料結構
- Android原生繪圖進度條+簡單自定義屬性程式碼生成器Android繪圖
- (資料科學學習手札91)在Python中妥善使用進度條資料科學Python
- 直播平臺製作,使用 NProgress 進度條
- 給定json資料,將資料與頁面結構進行繫結JSON
- 第二講、Vue3.x繫結資料、繫結html、繫結屬性、迴圈資料VueHTML
- canvas環形進度條效果Canvas
- 數字進度條元件NumberProgressBar元件
- 橡皮筋進度條ElasticProgressBarAST
- Python之程式碼進度條Python
- golang 進度條功能實現Golang
- psplash進度條旋轉成功
- Flutter 波浪圓形進度條Flutter
- LVGL高效顯示進度條
- WPF使用MVVM(一)-屬性繫結MVVM
- 直播原始碼網站,各類進度條的設定與調整原始碼網站
- 請使用純HTML製作一個進度條HTML