Xamarin XAML語言教程使用使用Progress屬性設定當前進度
Xamarin XAML語言教程使用使用Progress屬性設定當前進度
開發者除了可以在XAML中使用Progress屬性設定進度條的當前進度外,還可以在程式碼隱藏檔案中使用Progress屬性來設定進度條的當前進度。這時,首先需要在XAML檔案中,使用x:Name屬性為進度條定義一個名稱,然後在程式碼隱藏檔案中通過定義的名稱對Progress屬性進行設定即可。
【示例12-7:ProgressBarProgressOne】以下將在程式碼隱藏檔案中實現對進度條當前進行的設定。具體的操作步驟如下:
(1)MainPage.xaml檔案,編寫程式碼,對內容頁面進行佈局。程式碼如下:
<?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:ProgressBarProgressOne"
x:Class="ProgressBarProgressOne.MainPage">
<StackLayout Spacing="55"
VerticalOptions="Center">
<ProgressBar x:Name="progressBar" />
<StackLayout Spacing="10">
<Button Text="20%的進度"
Clicked="SetProgressPointTwo"/>
<Button Text="60%的進度"
Clicked="SetProgressPointSix"/>
<Button Text="100%的進度"
Clicked="SetProgressOne"/>
</StackLayout>
</StackLayout>
</ContentPage>
(2)開啟MainPage.xaml.cs檔案,編寫程式碼,實現通過按鈕控制進度條當前進度的功能。程式碼如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;
namespace ProgressBarProgressOne
{
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
}
//將進度條當前的進度設定為0.2
void SetProgressPointTwo(object sender, EventArgs args)
{
progressBar.Progress = 0.2;
}
//將進度條當前的進度設定為0.6
void SetProgressPointSix(object sender, EventArgs args)
{
progressBar.Progress = 0.6;
}
//將進度條當前的進度設定為1
void SetProgressOne(object sender, EventArgs args)
{
progressBar.Progress = 1;
}
}
}
此時執行程式,會看到如圖12.24~12.25所示的效果。當開發者輕拍某一按鈕後,會看到進度條中顯示對應的進度,效果類似於圖12.24~12.25所示。
圖12.24 Android的執行效果 圖12.25 iOS的執行效果
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29597077/viewspace-2140298/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Xamarin XAML語言教程使用屬性設定進度條的當前進度
- Xamarin XAML語言教程Progress屬性設定進度條進度
- Xamarin XAML語言教程使用Progress屬性資料繫結設定進度條進度
- Xamarin XAML語言教程隱藏檔案使用Progress屬性設定進度條
- Xamarin XAML語言教程使用方法設定進度條進度
- Xamarin XAML語言教程通過資料繫結使用Progress屬性
- Xamarin XAML語言教程通過ProgressTo方法對進度條設定
- Xamarin XAML語言教程使用Xamarin Studio建立XAML(二)
- Xamarin XAML語言教程構建進度條ProgressBar
- Xamarin XAML語言教程Xamarin.Forms中構建進度條ORM
- Xamarin XAML語言教程使用Visual Studio建立XAML
- Xamarin XAML語言教程Xamarin.Forms中程式狀態與進度(一)ORM
- Xamarin XAML語言教程XAML檔案結構與解析XAML
- Xamarin XAML語言教程將XAML設計的UI顯示到介面UI
- 當使用 position 屬性時,請始終設定 !DOCTYPE 宣告:當使用 float 屬性時,請始終設定 !DOCTYPE 宣告:
- Xamarin XAML語言教程模板頁面TemplatedPage
- Xamarin.Forms XAML控制元件的公共屬性ORM控制元件
- Xamarin XAML語言教程物件元素的宣告方式物件
- Xamarin XAML語言教程基本檢視ContentViewView
- Xamarin XAML語言教程模板檢視TemplatedView(二)View
- Xamarin XAML語言教程模板檢視TemplatedView(一)View
- Xamarin XAML語言教程基礎語法篇大學霸
- Xamarin XAML語言教程Visual Studio中實現XAML預覽
- Xamarin iOS教程之鍵盤的使用和設定iOS
- Xamarin XAML語言教程基本頁面ContentPage佔用面積內容頁面的派生關係與屬性
- Xamarin XAML語言教程Xamarin.Forms中改變活動指示器顏色ORM
- Xamarin XAML語言教程Xamarin.Forms中活動指示器的顯示隱藏ORM
- python-進階教程-使用物件屬性進行排序Python物件排序
- Xamarin XAML語言教程構建ControlTemplate控制元件模板控制元件
- Xamarin XAML語言教程基本頁面ContentPage佔用面積
- Xamarin XAML語言教程控制元件模板的模板繫結控制元件
- 剖析XAML語言
- HTML <progress> 進度條HTML
- Xamarin XAML語言教程構建ControlTemplate控制元件模板 (二)控制元件
- Xamarin XAML語言教程基本頁面ContentPage佔用面積(二)
- Xamarin XAML語言教程構建ControlTemplate控制元件模板 (四)控制元件
- Xamarin XAML語言教程構建ControlTemplate控制元件模板 (三)控制元件
- Xamarin XAML語言教程基本檢視ContentViewg構架範圍框架View框架