<三>定义阴影与裁剪视图_android:elevation="24dp-程序员宅基地

技术标签: material-d  剪裁视图  Material Design学习笔记  Android  阴影  

http://developer.android.com/intl/zh-cn/training/material/shadows-clipping.html

Material Design为 UI 元素引入高度。视图的高度将帮助用户更好的了解元素间的层次关系,而阴影效果正是高度这一属性(View的 Z 属性)在视觉上的表现。

指定视图高度

视图的 Z 值包含两个部分:

  • Elevation:静态属性。
  • Translation:用于动画的动态属性。

Z = elevation + translationZ
这里写图片描述
图 1 - 不同视图高度的阴影。

  1. 设置视图的高度

    使用 android:elevation属性,或者在代码使用 View.setElevation() 方法。如果要设置视图Translation,可以使用使用 View.setTranslationZ() 方法。

  2. 设置视图阴影变化的动画

    全新的 ViewPropertyAnimator.z() 与 ViewPropertyAnimator.translationZ() 方法让您能够轻松地为视图高度添加动画。 详情: ViewPropertyAnimator。
    也可使用 StateListAnimator 设置动画。详情: Animate View State Changes.

  3. Z 值以 dp(密度独立像素)为单位度量。

定制视图阴影与轮廓

视图的背景图片的边界将决定其阴影的默认形状。(轮廓代表图形对象的外形并定义触摸反馈的波纹区域。)

  1. xml文件中定义示例:
<TextView
    android:id="@+id/myview"
    ...
    android:elevation="2dp"
    android:background="@drawable/myrect" />

背景图片定义成一个圆角矩形(res/drawable/myrect.xml):

<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <solid android:color="#42000000" />
    <corners android:radius="5dp" />
</shape>

视图将投射一个带有圆角的阴影,因为背景图片形状(圆角矩形)决定了视图(TextView)的轮廓。
2. 如果要在代码中的自定义视图轮廓,则可以通过以下几个步骤:

        1. 继承 ViewOutlineProvider 类。
        2. 复写 getOutline() 方法。
        3. 利用 View.setOutlineProvider() 方法为视图指定新的轮廓。
        4. (通常需要配合剪裁视图一起使用,具体见下面的介绍)

可以使用 Outline 类别中的方法创建带有圆角的椭圆形或矩形轮廓。视图的默认轮廓为其背景轮廓。 如果要防止视图投射阴影,请将其outline provider设置为 null。
3. 代码示例:

public class MainActivity extends Activity {
    

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super .onCreate(savedInstanceState);
        setContentView(R.layout. activity_main);

        TextView texView2 = (TextView)findViewById(R.id. myview2);

        //设置阴影轮廓
        texView2.setOutlineProvider( new ViewOutlineProvider() {
            @Override
            public void getOutline(View view, Outline outline) {
               //圆形轮廓
                outline.setOval(0,0 ,view.getMeasuredWidth(), view.getMeasuredHeight());
            }
        });
        //将视图按照Outline(轮廓)剪裁
        texView2.setClipToOutline( true);
    }
}

Demo截图:
这里写图片描述
TextView1: 未经过处理(用于效果对比,视图阴影效果皆为:android:elevation=”24dp”)
TextView2: 参照以上方法在xml中设置轮廓效果(由demo中看,xml中设置的阴影效果似乎存在问题)
TextView3: 使用示例代码进行设置轮廓及剪裁视图后的效果。(这里一定要对视图进行剪裁(texView2.setClipToOutline(true );),否则只有阴影轮廓是圆形而TextView仍为正方形)

裁剪视图

裁剪视图即可以改变视图形状。可以通过 View.setClipToOutline()方法或 android:clipToOutline 属性将视图裁剪至其轮廓的形状。但是据Outline.canClip()方法可知,仅有矩形、圆形和圆角矩形轮廓支持如此裁剪。
(Note:裁剪视图是一个成本高昂的操作,因此尽量避免为剪裁的视图添加动画效果。 如果真有这种需求,可以参照Reveal Effect。)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/cai_iac/article/details/50412758

智能推荐

【深度学习】归一化_深度学习 那些情况 要做 归一化-程序员宅基地

文章浏览阅读1.8w次,点赞8次,收藏11次。​ 以前在神经网络训练中,只是对输入层数据进行归一化处理,却没有在中间层进行归一化处理。要知道,虽然我们对输入数据进行了归一化处理,但是输入数据经过 $ \sigma(WX+b) $ 这样的矩阵乘法以及非线性运算之后,其数据分布很可能被改变,而随着深度网络的多层运算之后,数据分布的变化将越来越大。如果我们能在网络的中间也进行归一化处理,是否对网络的训练起到改进作用呢?答案是肯定的。​ 这种在神经网络中间层也进行归一化处理,使训练效果更好的方法,就是批归一化Batch Normalization(BN)。_深度学习 那些情况 要做 归一化

微信小程序支付接口实现(java后台)_小程序后台java支付接口-程序员宅基地

文章浏览阅读1.2w次,点赞12次,收藏101次。#(Notice:以下所有经验也是我根据网上的经验整理的,如有侵权可以联系我删除,QQ 654303408。 有问题讨论也可联系我,QQ同上。)#(Tips:我是第一次开发,一个刚毕业的java工程师,我觉得我并非天赋异禀,我能学会,相信聪敏的你,一定可以)#(PS:目前微信拥有无可撼动的人口基数,越来越多的项目开发是基于微信小程序,或者APP。但是支付方式无非两种,一种是支付宝,一种是微信支..._小程序后台java支付接口

python web server_用Python建立最简单的web服务器-程序员宅基地

文章浏览阅读27次。第一个python Web程序——简单的Web服务器。与其它Web后端语言不同,Python语言需要自己编写Web服务器。如果你使用一些现有的框架的话,可以省略这一步;如果你使用Python CGI编程的话,也可以省略这一步;用Python建立最简单的web服务器利用Python自带的包可以建立简单的web服务器。在DOS里cd到准备做服务器根目录的路径下,输入命令:python -m Web服务..._pyjwt webserver

【图像重建指标 Metrics】均方误差RMSE及平均绝对误差MAE的定义和区别_rmse与mae有换算公式吗-程序员宅基地

文章浏览阅读1.3w次,点赞3次,收藏23次。RMSE和MAE能很好的反应图像的重建结果与真实结果间的差异。_rmse与mae有换算公式吗

Kotlin Gradle Junit单元测试print输出控制台_gradle 打印日志 system. out.print-程序员宅基地

文章浏览阅读3.4k次。背景默认情况下,Gradle 单元测试,是无法使用 System.out.println 这样打印变量信息的,这会让我们debug变得非常麻烦。百度网上很多方案,,但都比较麻烦,也很容易踩坑,。换了个搜索姿势,google了下,原来方案如此简单。解决在你的模块下的build.gradle.kts添加如下的配置:tasks.withType<Test> { this.testLogging { this.showStandardStreams = true _gradle 打印日志 system. out.print

Android基本组件之服务Service_安卓如果设置组服务-程序员宅基地

文章浏览阅读167次。Service的开启与关闭1.继承Service类2.在AndroidManifest.xml中注册<service android:name=".MyService" android:enabled="true" android:exported="true"></service>直接创建Service的话,前两步会自动执行3.通过Contex.startSer..._安卓如果设置组服务

随便推点

sqlmap的使用--绕过--自带脚本tamper_sqlmap绕过脚本-程序员宅基地

文章浏览阅读2.2k次,点赞2次,收藏11次。sqlmap在默认的的情况下除了使用char()函数防止出现单引号,没有对注入的数据进行修改,还可以使用–tamper参数对数据做修改来绕过waf等设备。命令格式:sqlmap -u [url] --tamper [模块名]通过使用whereis sqlmap查看sqlmap安装路径,自带的脚本一般是在usr/share/sqlmap/tamper下,我的是1.6.3版本一共有66个自带脚本下边引一些常用的脚本:apostrophemask.py适用数据库:ALL作用_sqlmap绕过脚本

换行分隔符_分隔符 换行-程序员宅基地

文章浏览阅读1.7k次。windows:\r\nlinux:\rmac:\n_分隔符 换行

waves效果器_混音选择困难2,Waves均衡器全介绍与理论使用心得-程序员宅基地

文章浏览阅读4.2k次,点赞2次,收藏8次。喜欢「音乐杂谈」这个主题的朋友可以关注我的头条号,将会在不定期发表一些音乐理论以外的音乐话题的文章或者是音乐知识的干货 。(此文为混音师天职老师 发布于今日头条的原创文章,转载请告知并注明出处)通篇写作整理下来差不多花了7个小时,不管怎样,施舍点个赞吧。哈哈哈!继上一次「音乐杂谈41」混音选择困难第一期,给大家介绍了Waves全家桶的大部分压缩器之后,本篇,我们将来看看,Waves全家桶的大部分均..._waves功能详解

在Android中播放音频和视频_android 播放语言视频-程序员宅基地

文章浏览阅读2.8k次。Android媒体包提供了可管理各种媒体类型的类。这些类可提供用于执行音频和视频操作。除了基本操作之外,还可提供铃声管理、脸部识别以及音频路由控制。本文说明了音频和视频操作。本文简介媒体包提供了可管理各种媒体类型的类。这些类可提供用于执行音频和视频操作。除了基本操作之外,还可提供铃声管理、脸部识别以及音频路由控制。本文说明了音频和视频操作。范围:_android 播放语言视频

Sublime and Markdown-程序员宅基地

文章浏览阅读2.7k次。Sublime & Markdown文章目录Sublime & Markdown安装 Sublime设置 Sublime安装插件Package ControlMarkdownEditingMarkdown PreviewLiveReloadauto-saveOmniMarkupPreviewerEvernote插件&主题插入图片Ctrl+vHTML语法Markdown语法...

android uboot log,RK3288 Android 8.1系统uboot logo过渡到kernel logo会花一下-程序员宅基地

文章浏览阅读695次。在调试RK3288 Android 8.1系统遇到一个问题:开机启动uboot logo过渡到kernel log的过程中会花掉直到没有显示,再出现kernel logo。分析:打印串口log时发现,uboot阶段显示一切正常,进入kernel以后就开始花掉了然后变成没有显示了,感觉像是慢慢掉电了一样,再继续查看log发现如下打印:[ 0.363167] Registered fiq deb..._mtk 转屏后 logo uboot 转kernel 显示异常

推荐文章

热门文章

相关标签