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

2401_84538185

于 2024-05-01 20:25:38 发布

阅读量766

点赞数 17

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/2401_84538185/article/details/138379143

版权

程序员专栏收录该内容

213 篇文章 0 订阅

订阅专栏

// …
}

注意：

1、您不应该同时使用com.android.support以及com.google.android.material。

2、如果你不想切换到新的androidx和com.google.android.material ，您可以依赖com.android.support:design:28.0.0。

3、设置compileSdkVersion to 29

4、确保使用AppCompatActivity

5、更换应用主题

Theme.MaterialComponents
Theme.MaterialComponents.NoActionBar
Theme.MaterialComponents.Light
Theme.MaterialComponents.Light.NoActionBar
Theme.MaterialComponents.Light.DarkActionBar
Theme.MaterialComponents.DayNight
Theme.MaterialComponents.DayNight.NoActionBar
Theme.MaterialComponents.DayNight.DarkActionBar

6、添加Material component

可以通过这个网站https://material.io/develop/android，去查找要使用的Material components，里边都有使用接入说明。

例如添加一个输入框

<com.google.android.material.textfield.TextInputLayout
android:layout_width=“match_parent”
android:layout_height=“wrap_content”
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>

还可以自定义样式

<com.google.android.material.textfield.TextInputLayout
style=“@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox”
android:layout_width=“match_parent”
android:layout_height=“wrap_content”
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 Material组件1.2.0更新说明

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

MDC 1.1.0
https://medium.com/google-design/material-design-components-for-android-1-1-0-are-now-available-45e1d576037c

三、Material 动效

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

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

Jetpack Navigation
https://developer.android.google.cn/guide/navigation

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

Sliders
https://material.io/components/sliders

在 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” />

最后

只要是程序员，不管是Java还是Android，如果不去阅读源码，只看API文档，那就只是停留于皮毛，这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码，不仅限于阅读各大系统源码，还包括各种优秀的开源库。

腾讯、字节跳动、阿里、百度等BAT大厂 2019-2021面试真题解析

资料太多，全部展示会影响篇幅，暂时就先列举这些部分截图

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

需要这份系统化学习资料的朋友，可以戳这里获取

2401_84538185

关注

17
点赞
踩
19

收藏

觉得还不错? 一键收藏
0
评论
全新Android-Material-组件你在用了吗？

只要是程序员，不管是Java还是Android，如果不去阅读源码，只看API文档，那就只是停留于皮毛，这对我们知识体系的建立和完备以及实战技术的提升都是不利的。真正最能锻炼能力的便是直接去阅读源码，不仅限于阅读各大系统源码，还包括各种优秀的开源库。腾讯、字节跳动、阿里、百度等BAT大厂 2019-2021面试真题解析资料太多，全部展示会影响篇幅，暂时就先列举这些部分截图网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
复制链接

扫一扫