C#使用Xamarin开发可移植移动应用进阶篇(6.使用渲染器针对单个平台自定义控件..很很很很重要..),附源码

前言

源码地址:https://github.com/l2999019/DemoApp

可以Star一下,随意 - -

说点什么..

本篇..基本可以算是Xamarin在应用开发过程中的核心了..真的很很很重要..

想学习的..想用的..建议仔细阅读..嗯..打酱油的 ..快速滑倒下面点个推荐 - - 哈哈哈...

今天的学习内容?

只讲一个,关于Xamarin.Forms针对各个平台如何进行可定制化的控件操作.

也就是针对某个平台的细颗粒化操作.

废话不多说,我们直接开始.

正文

1.什么是渲染器

自定义渲染器提供了一种强大的方法来定制Xamarin.Forms控件的外观和行为。它们可用于一些微小的样式更改或复杂的平台特定布局和行为定制。

2.为什么需要自定义渲染器

因为在不使用自定义渲染器的情况下更改Xamarin.Forms控件的外观是颗粒度较粗的.

因为Xamarin.Forms为了支持多个平台同时可用,所以对一些特定平台的增强功能和自定义功能进行了删减。所以当我们需要使用这些功能时,就必须实现自定义渲染器。

3.如何使用自定义渲染器

下面我们首先来通过一个例子来讲解如何使用渲染器.

我们找到一个Xamarin控件,比如ProgressBar进度条..它在Xamarin中,可控的属性应该就只有Progress进度而已..

我们编写代码如下:

<ProgressBar Progress=".5" BackgroundColor="Blue"   />

得到如下效果:

这里,我们特意给它加了一个蓝色的背景..来展示整个控件的大小..

我们会发现,进度条只是他里面很小的一部分,大部分被背景占用,而且无法在Xamarin.Forms中去修改,我们无法改变它的高度.

那么,我们如何修改它呢?..这时候就要用自定义渲染器了,到特点的平台去优化它

首先我们在可移植的库中自定义一个ProgressBar,方便Xamarin.Forms调用,代码如下:

 public class MyProgressBar: ProgressBar
{
}

就这样,就足够了,我们只需要继承一下原来的ProgressBar即可..

然后我们到安卓的平台下,添加自定义的渲染器.,记得,是安卓的平台,在这个类库下:

添加渲染器,代码如下:

//表示使用 Xamarin.Forms在使用MyProgressBar的时候,用MyProgressBarRenderer渲染替换
[assembly: ExportRenderer(typeof(MyProgressBar), typeof(MyProgressBarRenderer))]
namespace DemoApp.Droid
{
    public class MyProgressBarRenderer:ProgressBarRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.ProgressBar> e)
        {
            base.OnElementChanged(e);

            Control.ScaleY = 10; //改变Y轴大小
           
            Control.SetPadding(-0, -12, 0, -12);


        }
    }
}

上面的代码有2个关键的地方,一个是需要在命名空间上申明,你需要代替渲染的控件.

第二个是,你需要继承相关的渲染基类,比如我们这里用的ProgressBarRenderer

我们可以看看这里基类里面继承了一些什么,如下:

我们可以看到,在安卓库中,它就继承了安卓widget的原生进度条,那么,原生进度条的所有属性,我们就都是可以用的了.

比如我们在代码中写的 "ScaleY" 这种属性和SetPadding这种方法.,所以前面我一直强调的,有些东西 你找了安卓(IOS)的解决方案,就同样找到了Xamarin的

我这里虽然没有IOS的环境,但是我们也可以到IOS里面看看ProgressBarRenderer继承了什么,如下:

熟悉IOS开发的同学应该很清楚了..Uikit..就是IOS的用户界面

在上面的代码中,我们针对安卓平台,修改了他的Y轴高度和内边距的值,我们如何使用呢?如下:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:loact="clr-namespace:DemoApp.MyRenderer"
             x:Class="DemoApp.ViewsDomePage">
    <ContentPage.Content>
<loact:MyProgressBar Progress=".6" BackgroundColor="Red"  />
                <ProgressBar Progress=".5" BackgroundColor="Blue" MinimumHeightRequest="-20" HeightRequest="-1"  />
    </ContentPage.Content>
</ContentPage>

我们在ContentPage 中,先引入我们自定的命名空间,调用名改为loact.

然后就直接loact:MyProgressBar,就可以了和原来几乎没区别.

然后我们看看运行效果,如下:

我们可以看到,虽然我们也给了红色的背景,但是它只显示在进度条中了,不会让控件很高, SetPadding起了作用.

当然,我们能操作的远远不止这些..

下面直接给上一个我搭好的基础框架的效果吧...嗯 还使用了一下百度地图的原生SDK.

写在最后

嗯..也没啥好说的了. 后面慢慢加深.

.最后,谢谢各位的支持,喜欢请点个推荐

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏GuZhenYin

ASP.NET Core文件上传与下载(多种上传方式)

官方机器翻译的地址:https://docs.microsoft.com/en-us/aspnet/core/mvc/models/file-uploads

990
来自专栏我和未来有约会

丰富的silverlight控件

demo地址: http://demo.componentone.com/Silverlight/ControlExplorer/ 另外一个 微软示例站点....

1709
来自专栏程序员的SOD蜜

使用ASP.NET MVC2+PDF.NET 构建一个简单的新闻管理程序 示例过程

     最近开始学习ASP.NET MVC技术,感觉跟原来的ASP.NET WebForm差异实在是太大了,看了2天的理论知识,才敢动手写一个实例程序。尽管是...

2328
来自专栏向治洪

React Native ios开发第一课

前言 本篇文章的作用在于帮助你快速上手使用React Native编写iOS应用。如果你现在还不太了解React Native是什么以及Facebook为什么...

1868
来自专栏菩提树下的杨过

Asp.Net4.0/VS2010新变化(6):内置的图表控件

.net4.0以前,要想在网页上画个饼图,那还真不是个轻松的活儿,得有点技术含量,比如:可以用System.Drawing下的那些东东,再或者用Silverli...

1649
来自专栏逸鹏说道

前端常用插件

插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 Thea...

3446
来自专栏DOTNET

ASP.NET MVC编程——视图

1Razon语法 使用@符号后接C#或VB.NET语句的方式。 基本规则 1)变量 @后直接变量即可 2)代码块 为使用表达式或多行代码,@后跟大括号将多行代码...

30510
来自专栏张善友的专栏

初探ReactJS.NET 开发

ReactJS通常也被称为"React",是一个刚刚在这场游戏中登场的新手。它由Facebook创建,并在2013年首次发布。Facebook认为React在处...

1875
来自专栏圣杰的专栏

Asp.net mvc 知多少(六)

本系列主要翻译自《ASP.NET MVC Interview Questions and Answers 》- By Shailendra Chauhan,想...

1925
来自专栏听雨堂

JQuery中文日期控件

界面的确差点,但功能够了:能够加载表格中的日期,这点倒很实用。 在aspx页面中可以这样用: <style type="text/css">@import "j...

1756

扫码关注云+社区