Xamarin XAML語言教程ContentView檢視作為自定義檢視的父類
Xamarin XAML語言教程ContentView檢視作為自定義檢視的父類
自定義檢視的父類:ContentView檢視可以作為自定義檢視的父類。
【示例14-2】以下將自定義一個顏色檢視。具體的操作步驟如下:
(1)建立一個Forms Xaml View檔案,命名為ColorView。
(2)開啟ColorView.xaml檔案,編寫程式碼,構建自定義顏色檢視。程式碼如下:
- <?xml version="1.0" encoding="UTF-8"?>
- <ContentView xmlns="http://xamarin.com/schemas/2014/forms"
- xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
- x:Class="ContentViewCustomControls.ColorView">
- <Frame OutlineColor="Accent">
- <StackLayout Orientation="Horizontal">
- <BoxView x:Name="boxView"
- WidthRequest="70"
- HeightRequest="70" />
- <StackLayout>
- <Label x:Name="colorNameLabel"
- FontSize="Large"
- VerticalOptions="CenterAndExpand" />
- <Label x:Name="colorValueLabel"
- VerticalOptions="CenterAndExpand" />
- </StackLayout>
- </StackLayout>
- </Frame>
- </ContentView>
(3)開啟ColorView.xaml.cs檔案,編寫程式碼,實現一些與顏色檢視相關的屬性。程式碼如下:
- using System;
- using System.Collections.Generic;
- using System.Linq;
- using System.Text;
- using System.Threading.Tasks;
- using Xamarin.Forms;
- namespace ContentViewCustomControls
- {
- public partial class ColorView : ContentView
- {
- string colorName;
- ColorTypeConverter colorTypeConv = new ColorTypeConverter();
- public ColorView()
- {
- InitializeComponent();
- }
- //顏色名稱
- public string ColorName
- {
- set
- {
- colorName = value;
- colorNameLabel.Text = value;
- Color color = (Color)colorTypeConv.ConvertFromInvariantString(colorName);
- boxView.Color = color;
- colorValueLabel.Text = String.Format("{0:X2}-{1:X2}-{2:X2}",
- (int)(255 * color.R),
- (int)(255 * color.G),
- (int)(255 * color.B));
- }
- get
- {
- return colorName;
- }
- }
- }
- }
(4)開啟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:ContentViewCustomControls"
- x:Class="ContentViewCustomControls.MainPage">
- <ContentPage.Padding>
- <OnPlatform x:TypeArguments="Thickness"
- iOS="0, 20, 0, 0" />
- </ContentPage.Padding>
- <StackLayout Padding="6, 0">
- <local:ColorView ColorName="Aqua" />
- <local:ColorView ColorName="Black" />
- <local:ColorView ColorName="Blue" />
- <local:ColorView ColorName="Fuchsia" />
- <local:ColorView ColorName="Gray" />
- </StackLayout>
- </ContentPage>
此時執行程式,會看到如圖14.10~14.11所示的效果。
(5)構建更復雜的佈局模式:在ContentView中可以包含檢視,還可以包括佈局,從而構建更為複雜的佈局模式。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29597077/viewspace-2141888/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Xamarin XAML語言教程基本檢視ContentViewView
- Xamarin XAML語言教程模板檢視TemplatedView(二)View
- Xamarin XAML語言教程模板檢視TemplatedView(一)View
- Xamarin iOS教程之自定義檢視iOS
- Xamarin XAML語言教程基本檢視ContentViewg構架範圍框架View框架
- Xamarin iOS教程之警告檢視iOS
- 自定義檢視指令
- Laravel 自定義檢視元件Laravel元件
- 自定義例外 + 建立檢視
- 自定義MVC檢視引擎ViewEngine 建立Model的專屬檢視MVCView
- Xamarin iOS教程之檢視顯示影像iOS
- Xamarin XAML語言教程使用Xamarin Studio建立XAML(二)
- MVC自定義檢視規則MVC
- [Django REST framework - 檢視元件之檢視基類、檢視擴充套件類、檢視子類、檢視集]DjangoRESTFramework元件套件
- Xamarin iOS教程之新增和定製檢視iOS
- MySQL資料庫檢視:檢視定義、建立檢視、修改檢視MySql資料庫
- 超出父檢視的子檢視如何響應點選事件事件
- Xamarin XAML語言教程XAML檔案結構與解析XAML
- 自定義 Command 檢視 Laravel 日誌Laravel
- 自定義檢視---圓角柱狀圖(一)
- drf : 通用檢視類和(GenericAPIView)5個檢視擴充套件類,九個檢視子類,檢視集。APIView套件
- Xamarin iOS教程之進度條和滾動檢視iOS
- Xamarin XAML語言教程使用Visual Studio建立XAML
- Xamarin.Forms特殊的檢視BoxViewORMView
- iOS專案開發實戰——UIView的子檢視和父檢視iOSUIView
- iOS實現自定義的彈出檢視(popView)iOSView
- ASP.NET Core 5.0 MVC中的檢視分類——佈局檢視、啟動檢視、具體檢視、分部檢視ASP.NETMVC
- Xamarin XAML語言教程物件元素的宣告方式物件
- AlertDialog 自定義對話方塊檢視
- 如何使用Android自定義複合檢視Android
- 前臺使用者自定義效能檢視
- Flutter日曆2.0,支援月檢視和周檢視,可以支援自定義風格Flutter
- django 的類檢視和函式檢視-雜談Django函式
- iOS10 UI教程子檢視和父檢視UI層次結構和Views繼承iOSUIView繼承
- Xamarin XAML語言教程模板頁面TemplatedPage
- Xamarin.Forms的滾動檢視ScrollViewORMView
- Django檢視之檢視類和中介軟體Django
- Xamarin XAML語言教程將XAML設計的UI顯示到介面UI