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

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.0https://medium.com/google-design/material-design-components-for-android-1-1-0-are-now-available-45e1d576037c
  

三、Material 动效

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

• 容器变换https://material.io/design/motion/the-motion-system.html#container-transform
  

• 共享轴https://material.io/design/motion/the-motion-system.html#shared-axis
  

• 淡入淡出https://material.io/design/motion/the-motion-system.html#fade-through
  

• 弹出https://material.io/design/motion/the-motion-system.html#fade
  

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

• Jetpack Navigationhttps://developer.android.google.cn/guide/navigation
  

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

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

// FragmentA.ktfun 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.ktoverride fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)...reenterTransition = MaterialSharedAxis(MaterialSharedAxis.Z, /* forward = / false)exitTransition = MaterialSharedAxis(MaterialSharedAxis.Z, / forward = / true)}// FragmentB.ktoverride fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)...enterTransition = MaterialSharedAxis(MaterialSharedAxis.Z, / forward = / true)returnTransition = MaterialSharedAxis(MaterialSharedAxis.Z, / forward = */ false)}

Fragment 之间的淡入淡出

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

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

• Slidershttps://material.io/components/sliders
  

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

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

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

• Sliderhttps://github.com/material-components/material-components-android/blob/master/lib/java/com/google/android/material/slider/Slider.java
  

• RangeSliderhttps://github.com/material-components/material-components-android/blob/master/lib/java/com/google/android/material/slider/RangeSlider.java
  

• Material 主题https://material.io/design/material-theming/overview.html
  

• 实现滑动条https://material.io/develop/android/components/slider
  

五、ShapeableImageView

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

• ShapeableImageViewhttps://github.com/material-components/material-components-android/blob/master/lib/java/com/google/android/material/imageview/ShapeableImageView.java
  

六、MaterialColors

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

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

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

• MaterialColorshttps://github.com/material-components/material-components-android/blob/master/lib/java/com/google/android/material/color/MaterialColors.java
  

七、MaterialButton 会遵循 android:background 的相应设置

MaterialButton 此前会忽略通过 android:background 应用的自定义背景可绘制内容 (drawable)。MDC 1.2.0 中已修复此问题。如果未设置自定义背景，则 MaterialShapeDrawable 仍将用作默认背景。

• MaterialButtonhttps://github.com/material-components/material-components-android/blob/master/lib/java/com/google/android/material/button/MaterialButton.java
  

• MaterialShapeDrawablehttps://github.com/material-components/material-components-android/blob/master/lib/java/com/google/android/material/shape/MaterialShapeDrawable.java
  

注意: MaterialButton 的默认样式包含 backgroundTint，后者也将应用于自定义背景可绘制内容。您可能需要将其更改为其他颜色或将其设置为 @empty，从而移除此内容。