开发者

Android自定义View Material Design理念详解

开发者 https://www.devze.com 2023-02-02 10:19 出处:网络 作者: dora
目录正文MD设计理念为什么推荐使用MD使用MD主题MD主题颜色的名称常用MD控件使用对美好的UI设计的无止境的追求正文
目录
  • 正文
    • MD设计理念
    • 为什么推荐使用MD
    • 使用MD主题
    • MD主题颜色的名称
    • 常用MD控件使用
    • 对美好的UI设计的无止境的追求

正文

Material Design(原材料设计),简称MD。android对MD的支持始于Android5.0,也就是API21,我们一般做应用适配也是到API21,所以,适配的最旧的手机也是带Material Design的。这里我不得不给Google的良苦用心点个赞,自从Google向Apple手机美丽的UI系统发起挑战,推出MD以来,那黑不溜秋且无法修改的状态栏就退出历史舞台了。

MD设计理念

体现更多的物理事件的特征,比如边缘的投影、层级清晰。颜色更加鲜艳,动画效果更加突出,更有代入感,一下子精气神都来了。最主要的是Google想统一Android UI的风格,我们配合一下,哈哈哈。

为什么推荐使用MD

在公司的项目开发过程中,能用系统的控件就尽量使用系统的,因为系统控件具有更佳的性能和稳定性优势,且被广泛开发者所使用,有利于别人接手项目的开发。MD的控件由于是官方推出的,所以也作为系统控件的扩展控件来使用。

使用MD主题

1.依赖库

implemejsntation 'com.google.android.material:material:1.7.0'

2.定义一个应用主题继承自MD的主题

<style name="Theme.MyApplication" parent="Theme.MaterialComp编程客栈onents.DayNight.DarkActionBar">
</style>

MD主题颜色的名称

Android自定义View Material Design理念详解

常用MD控件使用

Snackbar

// 常驻底部的提示信息
Snackbar.make(view, "青春常驻", Snackbar.LENGTH_INDEFINITE).show()
// 短时间消失的提示信息
Snackbar.make(view, "短暂而精彩", Snackbar.LENGTH_SHORT).show()
// 长一点时间消失的提示信息
Snackbar.make(view, "长命百岁", Snackbar.LENGTH_LONG).show()

Android自定义View Material Design理念详解

C编程客栈ardView

<androidx.cardview.widget.CardView
        andr开发者_C学习oid:layout_width="100dp"
        android:layout_height="60dp"
        android:layout_centerInParent="trhttp://www.devze.comue"
        android:padding="10dp"
        app:cardBackgroundColor="@color/cardview_shadow_end_color"
        app:cardCornerRadius="4dp" >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="卡片中的文字"/>
</androidx.cardview.widget.CardView>

Android自定义View Material Design理念详解

当然,使用elevation属性

android:elevation="10dp"

也可以实现类似阴影效果。

BottomSheetDialog

val textView = TextView(this)
textView.layoutParams =
    RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 1000)
textView.gravity = Gravity.CENTER
textView.text = "BottomSheet Text"
val dialog = BottomSheetDialog(this)
dialog.setContentView(textView)
dialog.show()javascript

Android自定义View Material Design理念详解

对美好的UI设计的无止境的追求

爱美之心人皆有之,我们在业余时间,可以多关注官方的最新动态,看看官方出的最新的关于UI方面的相关类,一起来跟上时代潮流吧。

以上就是Android自定义View Material Design理念详解的详细内容,更多关于Android自定义View Material Design的资料请关注我们其它相关文章!

0

精彩评论

暂无评论...
验证码 换一张
取 消