首页 > 其他分享 >Android(Lollipop/5.0) Material Design(二) 入门指南

Android(Lollipop/5.0) Material Design(二) 入门指南

时间:2022-12-06 10:07:16浏览次数:36  
标签:5.0 动画 elevation 自定义 Material Design Activity Your View


官网地址:https://developer.android.com/intl/zh-tw/training/material/get-started.html


Apply the Material Theme 运用材料主题


Android(Lollipop/5.0) Material Design(二) 入门指南_.net






Design Your Layouts  设计你的布局

除了应用和自定义材料的主题,你的布局应符合材料的设计准则。当你设计你的布局,以下需要特别注意:

基线网格

Keylines

间距

触摸目标尺寸

布局结构

Specify Elevation in Your Views 在View中指定elevation属性


View可以投下的阴影,一个View的elevation值决定了它的阴影的大小和绘制的顺序。可以设置一个视图的elevation,在布局中使用属性:android:elevation

新的translationz属性使您能够创建一个反映了暂时的elevation变化的动画。elevation的变化可在响应触摸手势时可能是有用的。


Customize Your Animations  自定义动画


可以自定义动画,如激活Activity的过渡动画和结束过渡动画

当你在这个Activity中启动其他的Activity时,exit transition将被激活。

标签:5.0,动画,elevation,自定义,Material,Design,Activity,Your,View
From: https://blog.51cto.com/u_11407799/5914560

相关文章

  • Android(Lollipop/5.0) Material Design(一) 简介
    官网地址:https://developer.android.com/intl/zh-tw/design/material/index.html使用MaterialDesign需要api21,即Lollipop/5.0以上MaterialDesign为应用提供了:一个新的主......
  • Android(Lollipop/5.0) Material Design(六) 自定义动画
    官网地址:https://developer.android.com/intl/zh-tw/training/material/animations.html动画在Material设计中,为用户与app交互反馈他们的动作行为和提供了视觉上的连贯性。M......
  • RocketMQ 5.0 可观测能力升级:Metrics 指标分析
    作者:玄珏​从消息的生命周期看可观测能力在进入主题之前先来看一下RocketMQ生产者、消费者和服务端交互的流程:messageproduceandconsumeprocessRocketMQ的消息是按照......
  • RocketMQ 5.0 可观测能力升级:Metrics 指标分析
    作者:玄珏从消息的生命周期看可观测能力在进入主题之前先来看一下RocketMQ生产者、消费者和服务端交互的流程:messageproduceandconsumeprocessRocketMQ的消息是......
  • Affinity Publisher出版排版软件,搭配 Affinity Designer 和 Affinity Photo使用更佳
    Mac排版神器是什么?AffinityPublisher中文版是创意软件工作室Serif旗下的一款桌面排版应用,可以帮助专业设计人员在每一版面、页面、杂志、书籍和数字出版物中实现最佳的......
  • Ant Design Pro 脚手架Eslint+Prettier配合使用
    AntDesignPro脚手架集成了Eslint与Prettier,但Eslint与Prettier还没形成关联性,就是他们之间各玩各的,现在需要他们之间关联,就是当Prettier格式出现问题时,eslint会报相应的......
  • arco design vue 表单自定义验证
    不知道为啥,官方文档里竟然没写...直接上代码template里<a-form-itemfield="repeatPassword":rules="[{validator:validateRepeatPassword,trigger:'change'}]"......
  • Ant Design Pro 脚手架精简
    AntDesignPro是一个开箱即用的中台前端/设计解决方案,相信很多企业都在用这个脚手架。其脚手架集成了非常多的功能,把工作中需要用到的几乎所有都集成到了这里,这导致该脚......
  • ant-design-vue
    vue3引入ant-design-vueUI组件安装npmi--saveant-design-vue@next-S在main.js全局引入importAntdfrom'ant-design-vue';import'ant-design-vue/dist/an......
  • Altium Designer电路设计软件下载
    关注微信公众号【工控羊】或者微信号【gksheep】,微信公众号后台输入数字编号【0010】即可获取下载链接。......