Xamarin.Forms入门困扰与解决方式-No.3

有时候因应美工的需要，需要用底图搭配控件来达到漂亮的外观，但是控件自带的样式常常会抵触美工的设计，例如想要去除输入框自带的框线时，会发现Xamarin.Forms中的控件可以变化外观的属性很少，此时就必须使用特别的技巧来达到目的；本文延续第二篇的案例，演示控件自定义外观的解决方式。

演示版本:Xamarin.Forms.1.3.5.6337

演示目标:去除输入框的底线或外框线

想要客制化必须熟悉原生平台的API，步骤如下

1.Xamarin.Forms中的Entry控件在Android下是用EditText实现，在iOS下是用UITextField实现，所以在解决方案的三个project中会分别新增三个空白类别，App1(Xamarin.Forms)新增CustomVisualElement.cs，App1.Droid新增CustomVisualElementRenderer.Android.cs，App1.iOS新增CustomVisualElementRenderer.iOS.cs。

2. 在CustomVisualElement.cs中定义要客制化的类别(必须继承自Xamarin.Forms的某个控件)，在另外两个档中用该平台的API去变化，Android是将EditText.Background设成null，iOS是将UITextField.BorderStyle设成None。

3.在Xaml中使用(ns1:MyEntry是客制控件，Entry是原始控件)

相关下载

 

•范例文件下载
https://github.com/ThinkPowerXamarin/Xamarin.FormsAPP03

 

参考信息

 

•

http://developer.xamarin.com/guides/cross-platform/xamarin-forms/custom-renderer

•

转载自：昕力大学