自定义xamarin.forms Entry 背景色

  1. 创建

    一个Xamarin.Forms自定义控件。

?

自定义Entry控件可以通过继承来创建Entry控制,显示在下面的代码示例:

public
class
MyEntry : Entry { }

?

  1. 消费

    从Xamarin.Forms自定义控件。

该MyEntry控制可在XAML通过宣布其位置的命名空间,使用控制元素的命名空间前缀引用在PCL项目。 下面的代码示例显示了如何MyEntry控制可以通过一个XAML页面消耗:

<ContentPage ...

xmlns:local="clr-namespace:CustomRenderer;assembly=CustomRenderer"

...>

...

<local:MyEntry
Text="In Shared Code"
/>

...

</ContentPage>

在local名称空间前缀可以任意取名。 然而, clr-namespace和assembly值必须自定义控件的细节相匹配。 一旦命名空间声明的前缀用于引用自定义控制。下面的代码示例显示了如何MyEntry控制可以通过一个C#页面消耗:

public
class
MainPage : ContentPage

{

public
MainPage ()

{

Content
=
new
StackLayout {

Children
= {

new
Label {

Text
=
"Hello, Custom Renderer !",

},

new
MyEntry {

Text
=
"In Shared Code",

}

},

VerticalOptions
=
LayoutOptions.CenterAndExpand,

HorizontalOptions
=
LayoutOptions.CenterAndExpand,

};

}

}

此代码实例化一个新ContentPage对象,将显示一个Label ,并MyEntry控制在页面上居中垂直和水平。

自定义渲染器现在可以添加到每个应用程序项目,以定制控件的每个平台上亮相。

  1. 创建

    为每个平台上的控制自定义渲染器

3.1 创建的子类EntryRenderer呈现本地控制类。

3.2 覆盖OnElementChanged呈现本机控制方法和编写逻辑来定制控制。 建立相应的Xamarin.Forms控制时,此方法被调用。

3.3 一个添加ExportRenderer属性自定义渲染类来指定,它11会被用来渲染Xamarin.Forms控制。 这个属性是用来注册Xamarin.Forms定制的渲染器。

它是可选的,以提供在每个平台项目定制渲染器。 如果自定义渲染器没有被注册,那么将使用该控件的基类的默认渲染。

下图说明在示例应用程序的每个项目的责任,与他们之间的关系一起:

该MyEntry控制是通过特定于平台的呈现MyEntryRenderer类,全部由获得EntryRenderer每个平台类。 这导致每个MyEntry控制正在呈现与特定于平台的背景颜色,显示在下面的截图:

该EntryRenderer类公开OnElementChanged方法,以使相应的本地控制在创建Xamarin.Forms控制时被调用。 该方法获取ElementChangedEventArgs包含参数OldElement和NewElement属性。 这些属性代表了Xamarin.Forms元素渲染器附着于和Xamarin.Forms元素渲染器分别连接到。 在示例应用程序的OldElement属性将为null和NewElement属性将包含的参考MyEntry控制。

在一个重写版本OnElementChanged的方法MyEntryRenderer类是执行本机控制定制的地方。 类型化参考本地控制平台上使用可通过访问Control特性。 此外,向Xamarin.Forms控制的基准是的被呈现可通过获得Element属性,尽管它不是在示例应用程序使用。

每个自定义渲染器类装饰着ExportRenderer的注册与Xamarin.Forms渲染属性。 该属性有两个参数 - 所呈现的Xamarin.Forms控件的类型名称,自定义渲染器的类型名称。 该assembly前缀属性指定属性适用于整个组件。

以下各节讨论每个特定平台的实施MyEntryRenderer定制渲染器类。

创建iOS上的自定义呈现

下面的代码示例显示了iOS平台的自定义呈现:

using
Xamarin.Forms.Platform.iOS;

?

[assembly: ExportRenderer (typeof(MyEntry), typeof(MyEntryRenderer))]

namespace
CustomRenderer.iOS

{

public
class
MyEntryRenderer : EntryRenderer

{

protected
override
void
OnElementChanged (ElementChangedEventArgs<Entry> e)

{

base.OnElementChanged (e);

?

if (Control
!=
null) {

// do whatever you want to the UITextField here!

Control.BackgroundColor
=
UIColor.FromRGB (204, 153, 255);

Control.BorderStyle
=
UITextBorderStyle.Line;

}

}

}

}

基类的调用OnElementChanged方法实例在iOS UITextField控制,对控制的引用被分配到渲染器的Control性能。 然后将背景颜色设置为浅紫色与UIColor.FromRGB方法。

创建Android上的自定义呈现

下面的代码示例显示了Android平台定制的渲染器:

using
Xamarin.Forms.Platform.Android;

?

[assembly: ExportRenderer (typeof(MyEntry), typeof(MyEntryRenderer))]

namespace
CustomRenderer.Android

{

class
MyEntryRenderer : EntryRenderer

{

protected
override
void
OnElementChanged (ElementChangedEventArgs<Entry> e)

{

base.OnElementChanged (e);

?

if (Control
!=
null) {

Control.SetBackgroundColor (global::Android.Graphics.Color.LightGreen);

}

}

}

}

基类的调用OnElementChanged方法实例化一个Android EditText控制,对控制的引用被分配到渲染器的Control性能。 然后将背景颜色设置为浅绿色与Control.SetBackgroundColor方法。

?

?

时间: 2024-10-08 18:41:37

自定义xamarin.forms Entry 背景色的相关文章

Xamarin.Forms入门-使用 Xamarin.Forms 来创建跨平台的用户界面

Xamarin.Forms 是一个跨平台的.基于原生控件的UI工具包,开发人员可以轻松的创建适用于 Android,iOS 以及 Windows Phone的用户界面.Xamarin.Forms 通过使用平台的原生控件来渲染用户界面,使用 Xamarin.Forms 的 App在外观上与平台完全一致.通过本文您可以快速了解如何使用 Xamarin.Form 来进行应用程序的开发. 简介 Xamarin.Forms可以帮助开发人员快速的构建跨平台的UI,通过一次编码,生成多平台界面.如果你做的工作

Xamarin.Forms自定义用户界面控件实现一个HybridWebView(混合webview)

原文:Implementing a HybridWebView呈现一个特定于平台的视图 Xamarin.Forms自定义用户界面控件应该来自视图类(View class),用于在屏幕上放置布局和控件.本文演示了如何为HybridWebView(混合webview)自定义控件创建自定义渲染器,该控件演示了如何增强特定平台的web控件,以允许从JavaScript调用c#代码. 每一个Xamarin.Forms视图为每个创建本地控件实例的平台提供了相应的渲染器.当一个视图被Xamarin.Forms

Xamarin.Forms自定义GridView

Xamarin.Forms自定义GridView 在开发中,我们经常用到以格子的形式来展示我们的数据,在很多平台的控件中我们叫做GridView, 在Xamarin.Forms中没有原生的GridView,这里简单介绍一种利用Xamarin.Forms中的Grid来实现 GridView的方法. 原理就是对Grid动态添加RowDefinition和ColumnDefinition. 代码如下: 1 using System; 2 using System.Collections; 3 usin

Xamarin.Forms如何为View添加背景色

由于Xamarin.Forms的面世的时间不到一年,虽然朝着wpf的方面前行,但是还有很多地方不完善,譬如最基本的,View的背景图片无法设置,BackgroundImage只是在Page中才有. 所以,只能找变通的方式了. 个人能想到的方式是在View下面叠加一个Image,而forms中能叠加控件的layout有两种:Grid和RelativeLayout 1.RelativeLayout方式 跟大多数的UI设计一样,RelativeLayout下的View都是叠加在左上角 设置View的附

Xamarin.Forms 自定义 TapGestureRecognizer 附加属性

While creating Xamarin.Forms applications, definitely you are going to need TapGestureRecognizer often. Implementing it in XAML many times may end up with a lot of unnecessary code. Let’s take a look at that simple clickable Image: 1 <Image Source=&quo

让你的Xamarin.Forms应用程序访问

注意:在Xamarin.Forms 2.3.5-pre3发布版,我们将类名Accessibility变更为AutomationProperties. iOS.Android和Windows都公开了开发人员为每个人构建可访问的移动应用程序的API. 我们很高兴地宣布,我们已经添加了新的API访问Xamarin.Forms,使它更容易为开发人员构建访问,跨平台移动应用.在这篇文章中,我们将在新的API添加到Xamarin.Forms,使它容易建立访问的移动应用. Xamarin.Forms中的Aut

菜鸟的Xamarin.Forms前行之路——按钮的按下抬起事件的监控(可扩展至其他事件)

提问:监控按钮的点击事件,可以通过按钮的Click事件,或者Command绑定,那么如何监控按钮的按下与抬起,或者移动,长按,双击等事件? 解决方法:各个平台自定义渲染依赖注入. 共享项目PCL: 1先定义一个继承Button的实体类NewButton.cs public class NewButton : Button { public event EventHandler Pressed; public event EventHandler Released; public virtual

Xamarin.Forms学习之Page Navigation(一)

在最初接触Xamarin.Forms的时候,我是跟着Xamarin官方的名为“learning-xamarin-ebook”的pdf文档进行学习的,我在成功运行Hello world程序之后,我开始跟着pdf写上面的monkey实例,然而我却遇到了一个问题,我在列表页点击某一个Item的时候,不能如示例上面所展示的那样跳转到详细页面.也正因为此我在官方文档和电子书中寻找答案,也将自己的学习的东西做个简单的笔记和分享. 在Froms的中的提供了如下方法用于导航: Task PushAsync(Pa

Xamarin.Forms 调用 腾讯地图SDK

Xamarin.Forms研究了好一段时间了,最近一直在学习中,想尝试一下调用其他的SDK,就如腾讯地图SDK(申请容易). 完成此次项目得感谢以下链接: http://www.cnblogs.com/jtang/p/4698496.html 其他文档参考: 腾讯地图SDK(安卓)文档 这里面有详细的使用过程(当然里面的代码是不适用C#的,不过要从这里下载SDK,也有如何申请Key的过程,请参考阅读) Xamarin.Forms自定义每个平台的控件文档 里面有如何根据不同的平台条件下,调用其他页