Android5.0新增的两个XML属性elevation和translationZ

最新推荐文章于 2024-04-01 08:26:12 发布
原创 最新推荐文章于 2024-04-01 08:26:12 发布 · 5k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android

本文介绍了如何使用android:elevation和android:translationZ属性为Android视图组件添加3D效果和垂直屏幕方向上的位移。这些属性可以帮助开发者实现更丰富的用户界面设计。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. android:elevation

    • 设置该组件“浮”起来的高度，同时设置该属性可以让该组件呈现3D效果（就一圈阴影效果）。
    • 注意：该属性会影响View层级。
    • 对应的Java方法：setElevation(float)

  2. android:translationZ

    • 设置该组件在Z方向（垂直屏幕方向）上的位移。
    • 对应的Java方法：setTranslationZ(float)
Android 基础：Materia Design 定义视图阴影elevation和创建卡片CardView
m0_64604042的博客
12-19 515
新的  translationZ  属性使得你可以设计临时变更 elevation 的动画。elevation 变化在做触摸反馈时很有用。 创建列表和卡片 ======= RecyclerView 是一个可插入性更强的 ListView，它支持不同的 layout 类型，并可以提升性能。CardView 使得你可以在卡片 内显示一部分内容，并且和其他应用保持外观一致。以下是一段样例代码展示如何在 layout 中添加 CardView。 <android.sup.
Android5.x中的阴影效果elevation和translationZ的实现方法
08-31
主要介绍了 android5.x中的阴影效果elevation和translationZ的相关资料,需要的朋友可以参考下
Material Design ：Elevation + TranslationZ
Java技术博客，不再更新Android内容
03-30 2916
Elevation + TranslationZ这2个概念是AAndroid5.0（API=21）才引入的，都是代表控件浮起来的高度google Android Sample: https://developer.android.google.cn/samples/ElevationBasic/index.html Demo: http://git.oschina.net/Android5x/El
android elevation translationz 简书,Android5.x中的阴影效果elevation和translationZ的实现方法...
weixin_39788051的博客
06-04 795
android5.x中 view多了一个 属性 z,垂直高度上的变化。Z属性 由两部分组成，elevation 和 translationZandroid:id="@+id/me_daijjBack"android:layout_width="27dp"android:layout_height="27dp"android:elevation="3dp"android:translationZ=...
Android的Elevation与TranslationZ探索
zxlworking1的专栏
01-23 9298
Elevation 表示视图控件所在的高度，值越大对应的阴影越大，看起来高度越高 TranslationZ 同样表示视图控件所在的高度，但是其表示的是相对高度 例子 LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://sch
Android5.0中Material Design的新特性
09-01
Material Design在Android 5.0中的引入带来了设计和交互体验的重大变革。这一设计语言的核心理念是提供一致且直观的用户体验，无论用户在哪个平台上使用应用。以下是对Material Design新特性的详细阐述： **1. 设计...
android 5.0新控件
09-12
通过学习和实践，你可以掌握这两个控件的使用方法，以及如何处理兼容性问题，比如为5.0以下版本的Android设备添加适当的适配和支持。 总之，Android 5.0引入的RecyclerView和CardView为开发者提供了更多创新和优化...
掌握Android 5.0新特性：View的z属性与层次设计
z属性由两个部分组成：elevation和translationZ。elevation用于模拟视图在物理世界中的深度，它会产生阴影效果，使用户感受到3D空间感。而translationZ则是视图相对于其父视图的垂直偏移量，它进一步增强了层次感。 ...
android elevation translationz 简书,android - Difference between elevation and translationZ - Stack Ov...
weixin_39684898的博客
06-04 159
I tried both features and I don't know really why I should use elevation instead of translationz or viceversa.Both generate shadow when I used them.I should use at same time (with the same value)? I s...
Android Elevation
az44yao的专栏
02-08 2357
简介：https://www.jianshu.com/p/363075694482 在Android API21，新添加了一个属性：android:elevation，用以在xml定义View的深度(高度)，也即z方向的值。 除了elevation之外，类似于已有的translationX、translationY，也相对应地新增了一个translationZ，用以在属性动画中动态改变Z值（使用View.setTranslationZ()） Z = elevation + translation.
elevation 和 translationZ的区别
weixin_30950237的博客
12-12 605
Z轴阴影： Z = elevation + translationZ elevation 是静态值,是View在Z轴上的初始值 translationZ是动态值，是Z上的偏移变化 参考http://stackoverflow.com/questions/29367804/difference-between-elevation-and-translationz That is becau...
写了那么多Android布局，你知道elevation属性吗
weixin_30518397的博客
04-18 516
转自： https://www.jianshu.com/p/c1d17a39bc09 一、elevation 我们知道，在RelativeLayout里面，或者更加纯净的FrameLayout里面，后写的View会覆盖之前写的View上面。 比如： <?xml version="1.0" encoding="utf-8"?> <RelativeLayout...
android view z,无法在空对象上调用void android.view.View.setTranslationZ(float)
weixin_33795542的博客
05-27 454
我在我的项目中使用图书馆recyclelerview-multiselect,在recyclelerview上选择多个项目三星设备：当我长时间并选择多选择器启动的项目时,只要我取消选择最后一个选定的项目,我会得到以下异常这只是在三星设备上发生的JNI DETECTED ERROR IN APPLICATION: can't call void android.view.View.setTransl...
android:elevation
huyuchaoheaven的专栏
07-27 7859
android:elevaltion
ANDROID L——Material Design详解（视图和阴影）
热门推荐
大苞米的专栏
10-17 3万+
Android L特性——Material Desgin详细介绍（视图和阴影）。详解视图Elevation，阴影，轮廓，Drawable Tinting，Clipping Views
【译】彻底理解 Android 中的阴影
2401_84048225的博客
04-01 836
真实的物质环境，是一个三维空间，这意味着所有的物体对象都有 X、Y 和 Z 维度。Z轴与显示器的平面垂直对齐，正 Z 轴朝向观察者延伸。在 Material Design 的世界里，每个物体都有 1dp 的厚度。
详解Android如何实现阴影效果
chuyouyinghe的专栏
07-28 9817
自定义形式是通过自定义Drawable实现，该形式实现目标View必须关闭硬件加速。自定义Drawable主要通过重写draw方法绘制矩形或圆形形状增加阴影效果。12345678910111213141516171819@Overridepublicvoiddraw(@NonNullif(mBgColor!=null){if1){0]);}else{new22null}}if}else{22。...
android 里的动画，自己的一些总结
路一直在
01-14 292
不要抱怨身边的环境，去改变自己，让自己拥有更好的环境。 前言 移动端开发界面有时候要加入一些动画，android里有2类动画，第一类是View动画(View动画里又分2类，一类是帧动画，另一类是补间动画)，另一类是属性动画；顾名思义View动画只能操作View对象，但是并不会改变View的属性。如果想要通过动画改变对象的属性值，这时候我们可以考虑使用属性动画来实现效果了。 补间(T
<androidx.appcompat.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionbarSize" android:background="?attr/colorPrimary" android:elevation="4dp"/>这段代码补充完整，还需要写什么
最新发布
04-02
<think>好的，用户之前问过如何创建一个通用的Toolbar组件，现在他们给出了一段XML代码，询问还需要补充什么才能完整。我需要先仔细分析用户提供的代码，看看哪些部分可能缺失。 首先，用户提供的代码是一个基本的Toolbar定义，包括id、尺寸、背景和高度。他们可能是在实际使用中遇到问题，或者不确定是否遗漏了必要的属性。需要检查常见的Toolbar配置项，比如标题、导航图标、菜单、主题相关属性等。 用户之前的问题是关于创建通用组件的，所以可能他们现在是在尝试使用这个通用组件，或者在基础配置时遇到问题。需要判断用户是否了解如何正确使用Toolbar，比如设置标题、菜单，以及与Activity的集成。 接下来，用户提供的代码中没有设置标题和导航图标，这通常是Toolbar的基本元素。此外，可能缺少与Material Design相关的属性，如popupTheme，以确保菜单的样式正确。还有，可能没有在Activity中设置ActionBar，导致Toolbar功能不全。 还需要考虑代码的健壮性，比如主题兼容性，暗黑模式的支持，以及是否处理了菜单项的点击事件。用户可能在运行时发现Toolbar没有显示预期内容，或者样式不一致，所以需要补充这些属性。 另外，用户可能希望这个Toolbar能够被其他组件复用，因此需要检查是否定义了必要的自定义属性，或者在代码中进行了封装，如之前的通用组件示例。但当前的问题似乎更侧重于XML配置的完整性，而不是自定义组件。 最后，要确保回答覆盖所有可能的缺失部分，并提供代码示例和解释，帮助用户理解每个补充部分的作用，确保他们的Toolbar功能完整且样式正确。</think>以下是完善该Toolbar代码需要补充的6个关键要素及完整示例： $$ \boxed{完整的Toolbar = 基本属性 + 主题配置 + 功能组件 + 交互处理} $$ 一、必要属性补充（添加在现有代码基础上） ```xml app:title="@string/app_name" <!-- 标题文字 --> app:navigationIcon="@drawable/ic_back" <!-- 返回图标 --> app:popupTheme="@style/ThemeOverlay.AppCompat.Light" <!-- 菜单主题 --> app:titleTextColor="@android:color/white" <!-- 标题颜色 --> app:contentInsetStart="0dp" <!-- 消除默认边距 --> android:theme="@style/ToolbarTheme" <!-- 整体主题 --> ``` 二、完整示例代码 ```xml <androidx.appcompat.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" android:elevation="4dp" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" app:title="@string/app_name" app:titleTextColor="@android:color/white" app:navigationIcon="@drawable/ic_arrow_back_white" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:contentInsetStart="0dp" app:menu="@menu/main_menu"/> ``` 三、必须补充的配套代码 1. Activity中绑定处理（Java/Kotlin） ```kotlin override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) setSupportActionBar(toolbar) supportActionBar?.apply { setDisplayHomeAsUpEnabled(true) // 显示返回按钮 setHomeButtonEnabled(true) // 启用主页按钮 } toolbar.setNavigationOnClickListener { onBackPressed() } } // 处理菜单点击 override fun onOptionsItemSelected(item: MenuItem): Boolean { when (item.itemId) { android.R.id.home -> { finish() return true } R.id.menu_item1 -> { /* 处理操作 */ } } return super.onOptionsItemSelected(item) } ``` 2. 菜单定义（res/menu/main_menu.xml） ```xml <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/action_search" android:icon="@drawable/ic_search" android:title="@string/search" app:showAsAction="ifRoom"/> <item android:id="@+id/action_settings" android:title="@string/settings" app:showAsAction="never"/> </menu> ``` 四、需要补充的样式定义（res/values/styles.xml） ```xml <style name="ToolbarTheme" parent="ThemeOverlay.AppCompat.Dark.ActionBar"> <!-- 兼容深色模式 --> <item name="colorControlNormal">@android:color/white</item> <item name="android:textColorSecondary">@android:color/white</item> </style> ``` 五、关键补充说明表 | 补充内容 | 作用说明 | 必须性 | |-------------------|----------------------------------|-------| | setSupportActionBar | 将Toolbar设为Activity的ActionBar | 必需 | | 菜单点击处理 | 实现功能交互 | 必需 | | popupTheme | 控制弹出菜单的样式 | 推荐 | | contentInsetStart | 消除系统默认间距 | 推荐 | | 导航图标点击事件 | 实现返回功能 | 必需 | | 样式主题 | 保持整体UI一致性 | 推荐 | 六、最终效果验证清单 1. 显示应用标题和自定义图标 2. 点击导航图标可返回上级界面 3. 右侧显示菜单图标并能响应点击 4. 下拉菜单项样式与主题一致 5. 在不同Android版本上表现一致 6. 深色模式自动适配颜色 完整实现后，Toolbar将具备：导航功能、菜单操作、样式自定义、主题适配等完整功能，符合Material Design规范。建议使用Android Studio的Layout Inspector工具验证实际渲染效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值