XamarinXAML语言中如何使用ContentView视图作为自定义视图的父类

这篇文章主要介绍Xamarin XAML语言中如何使用ContentView视图作为自定义视图的父类,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

我们提供的服务有:网站设计、网站建设、微信公众号开发、网站优化、网站认证、铁门关ssl等。为上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的铁门关网站制作公司

自定义视图的父类:ContentView视图可以作为自定义视图的父类。

【示例14-2】以下将自定义一个颜色视图。具体的操作步骤如下:

(1)创建一个Forms Xaml View文件,命名为ColorView。

(2)打开ColorView.xaml文件,编写代码,构建自定义颜色视图。代码如下:

  •              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

  •              x:Class="ContentViewCustomControls.ColorView">

  •   

  •     

  •       

  •                WidthRequest="70"

  •       HeightRequest="70" />

  •       

  •         

  •                FontSize="Large"

  •                VerticalOptions="CenterAndExpand" />

  •         

  •                VerticalOptions="CenterAndExpand" />

  •       

  •     

  •   

(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文件,编写代码,通过颜色视图实现对内容页面的布局。代码如下:

  •              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

  •              xmlns:local="clr-namespace:ContentViewCustomControls"

  •              x:Class="ContentViewCustomControls.MainPage">

  •   

  •     

  •                 iOS="0, 20, 0, 0" />

  •   

  •   

  •     

  •    

  •    

  •    

  •    

  •   

此时运行程序,会看到如图14.10~14.11所示的效果。

 Xamarin XAML语言中如何使用ContentView视图作为自定义视图的父类

(5)构建更复杂的布局模式:在ContentView中可以包含视图,还可以包括布局,从而构建更为复杂的布局模式。

以上是“Xamarin XAML语言中如何使用ContentView视图作为自定义视图的父类”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


当前标题:XamarinXAML语言中如何使用ContentView视图作为自定义视图的父类
网址分享:http://myzitong.com/article/jhssgp.html