全新Android-Material-组件你在用了吗？

最新推荐文章于 2024-04-09 01:56:22 发布
最新推荐文章于 2024-04-09 01:56:22 发布
阅读量810 收藏 25
点赞数 28
分类专栏： 程序员 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84122902/article/details/137424561
版权

二、Android Material组件1.2.0更新说明

如果您尚未开始使用 MDC 的 1.2.0 版本，现在可以更新了。

三、Material 动效

Material 动效系统包含一套 (四种) 转场动画模式。它们可以帮助用户理解应用并在其中导航浏览，还能增强组件之间或全屏视图之间的联系。这些转场模式包括:

这些转场模式可用于 Fragment (包括 Jetpack Navigation) 、Activity 和 View 之间的过渡。

Fragment 之间的容器变换 (使用 Jetpack Navigation)

// FragmentB.kt
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
…
sharedElementEnterTransition = MaterialContainerTransform()
}

// FragmentA.kt
fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
…
exitTransition = Hold()
}
…
val directions = FragmentADirections.actionFragmentAToFragmentB()
val extras = FragmentNavigatorExtras(startView to “end_container”)
findNavController().navigate(directions, extras)

Fragment 之间的共享 Z 轴

// FragmentA.kt
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
…
reenterTransition = MaterialSharedAxis(
MaterialSharedAxis.Z, /* forward = / false)
exitTransition = MaterialSharedAxis(
MaterialSharedAxis.Z, / forward = / true)
}
// FragmentB.kt
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
…
enterTransition = MaterialSharedAxis(
MaterialSharedAxis.Z, / forward = / true)
returnTransition = MaterialSharedAxis(
MaterialSharedAxis.Z, / forward = */ false)
}

Fragment 之间的淡入淡出

// FragmentA.kt
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
…
exitTransition = MaterialFadeThrough()
}

// FragmentB.kt
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
…
enterTransition = MaterialFadeThrough()
}

弹出目标视图 (使用 TransitionManager)

val fade = MaterialFade()
TransitionManager.beginDelayedTransition(container, fade)
view.visibility = View.VISIBLE // Use View.GONE to fade out

详细了解如何在 Android 上实现动效:

https://material.io/develop/android/theming/motion

四、Slider

利用 Slider (滑动条)，用户可以在一定的数值范围内进行选择，非常适合用于调整音量、亮度等设置数值或在应用图像滤镜时调整其参数。

在 MDC 1.2.0 中，您可以通过 Slider 和 RangeSlider widget 在 Android 应用中使用滑动条。这些 widget 类似于 SeekBar，但包含更多功能并支持Material 主题。

<com.google.android.material.slider.Slider
android:id=”@+id/slider”
…
android:valueFrom=“0.0”
android:valueTo=“100.0”
android:stepSize=“10.0” />
…
<com.google.android.material.slider.RangeSlider
android:id=”@+id/rangeSlider”
…
android:valueFrom=“0.0”
android:valueTo=“100.0”
android:stepSize=“10.0”
app:values=“@array/initial_slider_values” />

... 20.0 70.0

// In code
slider.addOnChangeListener { slider, value, fromUser ->
// Respond to change in slider’s value
}
…
val values = rangeSlider.values

在这里详细了解如何实现滑动条。

五、ShapeableImageView

全新的 ShapeableImageView widget 是 AppCompatImageView 的扩展，用于处理形状主题 (shape theming)。常见用例是对矩形源图像进行圆角遮罩。不过，该 widget 也支持各种圆角尺寸、切角以及不同的描边宽度和颜色。

<com.google.android.material.imageview.ShapeableImageView
…
style=”@style/Widget.App.ShapeableImageView”
app:srcCompat=”@drawable/image” />

六、MaterialColors

MaterialColors 实用程序类也已正式加入 MDC 1.2.0。该类提供了各种有用的静态方法，可供您在应用中以编程方式处理颜色时使用。

// Resolve color from theme attr
val primaryColor = MaterialColors.getColor(
view, R.attr.colorPrimary)

// Layer background color with overlay color + alpha
val overlayedColor = MaterialColors.layer(
view, R.attr.colorSurface, R.attr.colorPrimary, 0.38f)

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

文章所有资料全部已经打包整理好，另外小编手头上整理了大量Android架构师全套学习资料，Android核心高级技术PDF文档+全套高级学习资料+视频+2021 BAT 大厂面试真题解析

资料展示：

image

image

image

image

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

转存中…(img-OxRC4cEy-1712375570753)]

[外链图片转存中…(img-EBvmC7Rg-1712375570753)]

[外链图片转存中…(img-8PckwPey-1712375570754)]

[外链图片转存中…(img-4lLVO0FG-1712375570754)]

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！
2401_84122902
关注
  • 28
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android基础——Material Design
松仔Log的博客
08-02 3101
Material DesignMaterial Design是什么？ToolbarDrawerLayoutNavigationViewFloatingActionButtonSnackbarCoordinatorLayoutCarView Material Design是什么？ Material Design时谷歌推出的一套UI设计规范，主要通过Design Support库来实现。 Toolbar 将ActionBar取消，修改value文件夹下的style.xml，修改parent为NoActionBa
Android Material Design UI方案使用讲解
luo_boke的博客
06-13 3880
Google I/O 2014 就已发布了Material Design，最近项目完成后总结一些Material UI 的常见控件使用，总结成系列文章欢迎阅读。
Android进阶系列：八、自定义View之音频抖动动效
最新发布
2401_84132401的博客
04-09 975
文章所有资料全部已经打包整理好，另外小编手头上整理了大量Android架构师全套学习资料，Android核心高级技术PDF文档+全套高级学习资料+视频+2021 BAT 大厂面试真题解析资料展示：《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！[外链图片转存中…(img-S4wALEDy-1712598939560)][外链图片转存中…(img-fS6Kb6ev-1712598939560)]
android material风格,适用于 Android 的 Material Design
weixin_42519126的博客
05-25 350
Material Design 是用于指导用户在各种平台和设备上进行视觉、动作和互动设计的全面指南。如需在您的 Android 应用中使用 Material Design，请遵循 Material Design 规范中定义的准则，并使用 Material Design 支持库中提供的新组件和样式。本页概述了您应使用的模式和 API。Android 提供了以下功能来帮助您构建 Material De...
Android Material组件使用详解
热门推荐
magic0908的博客
09-23 2万+
前言 我们在平时写布局时，当遇到按钮需要圆角、或者描边等，通常的方法是新建一个xml文件，在shape标签下写，然后通过setBackground(drawable)设置。这本来没什么问题，但是射击师会喜欢看起来和别人不一样的效果，也许是为了审（zhuang）美（bi），这个页面用4dp的圆角，那个页面用10dp的圆角，还要有描边……如果我们每个界面都新建个xml写shape，那么后期维护起来就像...
Android中实现Material3主题
虎哥LoveDroid
06-29 2663
Material 3是由Google引入的一种设计系统，通过采用一套设计原则、指南和组件，提供统一直观的用户体验。
react-native-material-ripple：可触摸元素的基本组件
02-03
React本机材料波纹 可触摸元素的基本组件产品特点易于使用可配置的iOS和Android上一致的外观可以用作替代品纯JavaScript实现RTL支持安装npm install --save react-native-material-ripple用法import React , { ...
Android-material.zip
09-17
Android-material.zip,一个将完全动画材质设计组件带到Lolipop Android之前的库。,安卓系统是谷歌在2008年设计和制造的。操作系统主要写在爪哇，C和C 的核心组件。它是在linux内核之上构建的，具有安全性优势。
适用于Android的Material Design Chips组件的实现-Android开发
05-26
[当前未维护] Android的Material Design Chips组件的MaterialChipsInput实现。 该库提供了两个视图：ChipsInput和ChipView。 演示下载sample-v1.0.8.apk [目前未维护] Android的Material Design Chips组件的...
material-native：React Native的Material Design组件
02-03
运行： npm i material-native --save入门例子签出Material Explorer应用程序的存储库，以演示组件的用法。关于该项目是基于未维护的和库开发的。 目标是用一个库替换两个库，以实现一个库支持的所有组件，将两个...
material-components-android：适用于Android的模块化和可自定义的Material Design UI组件
02-02
有关如何开始使用Android材质组件的信息，请参阅我们的指南。 提交错误或功能请求 有关使用方面的问题：询问 。 错误或功能请求应在我们的提交。 有用的链接 （外部站点） （外部站点） （外部网站） （外部站点...
探索 Material 3：全新设计系统和组件库的介绍
特立独行的博客
11-22 2669
Material Design 是一套由 Google 开发的设计系统，为开发人员提供了一致、美观和易于使用的界面元素。最近，Google 推出了 Material 3，这是 Material Design 的最新版本，带来了全新的设计语言和组件库。
全新Android-Material-组件你在用了吗？，农民工看完都会了
m0_66264856的博客
01-20 2429
android:hint="@string/textfield_label"> <com.google.android.material.textfield.TextInputEditText android:layout_width=“match_parent” android:layout_height=“wrap_content”/> </com.google.android.material.textfield.TextInputLayout> 二、Android Ma
Android开发的UI设计——Material Design
fjnu_se的博客
12-04 1010
Material Design 是用于指导用户在各种平台和设备上进行视觉、动作和互动设计的全面指南。如需在您的 Android 应用中使用 Material Design，请遵循 Material Design 规范中定义的准则，并使用 Material Design 支持库中提供的新组件和样式。作为Google旗下的一员——安卓，则是将其一些最具代表性一些控件和效果封装在_Material库_,这就让我们开发者可以在不了解Material Design的情况下，也很容易将自己的应用Material化，当然
Android Material Design控件的简单使用
zjm807778317的博客
05-20 1449
Android最原生的UI控件越来越不能满足如今的用户体验，Google为了对标苹果的UI体验，在2015年提出了Material Design， 我们安卓程序员应该积极响应Google的号召，学习新的UI理念，本篇文章就带大家入门Material Design。
（一）Android Material Design最佳实战
XJ200012的博客
10-02 1244
关于Android Material Design的最佳实战，设计多个组件使用，给出源码和最终的实现效果
Android---Material Design
qq_44950283的博客
12-31 826
Material Design 中文名：材料设计语言，是由 Google 推出的全新的设计语言。Google 表示，这种设计语言旨在为手机、平板、台式机和“其它平台”提供更一致、更广泛的“外观和感觉”。Material Design 不再让像素处于同一个平面，而是让它们按照规则处于空间当中，具备不同的维度；Material Design 还规范了 Android 的运动元素；Material Design 更加倾向于用色彩来提示；
Android原生动效概述
qq_37159335的博客
06-08 846
Android原生动效概述
Android material design 之 BottomSheet基础入门
https://github.com/W4ited
11-03 3194
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码
android-studio插件
08-16
Android Studio是一款为Android应用开发而设计的集成开发环境（IDE），它支持许多插件来增强开发体验和功能。以下是一些常用的Android Studio插件： 1. ButterKnife Zelezny：这个插件可以自动生成ButterKnife注解代码，简化View绑定工作。 2. Android Parcelable code generator：该插件可以自动生成Android Parcelable接口的实现代码，方便数据在Activity、Fragment等组件之间传递。 3. GsonFormat：这个插件可以根据JSON数据自动生成Java实体类，并自动处理字段和方法。 4. Material Theme：该插件可以为Android Studio提供Material Design主题，使界面更具现代感。 5. FindBugs：FindBugs是一款静态分析工具，该插件可以在编码过程中检查潜在的错误和常见的问题。 6. ADB Idea：这个插件为Android设备提供了许多快捷操作，例如重启设备、清除应用数据等。 7. Android Parcelable Helper：类似于Android Parcelable code generator，该插件可以自动生成Parcelable接口的实现代码。 这只是一小部分常用的Android Studio插件，你可以根据自己的需求在Android Studio的插件市场中搜索并安装其他插件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值