-
③ 切角图片
-
④ 菱形图片
-
⑤ 单圆角图片
-
⑥ 双圆角图片(子弹图片)
-
⑦ 标签图片
-
⑧ 头像图片
-
2. 样式解读
-
3. 总结
===============================================================
你有使用过Material中的UI控件吗?为什么要使用它们,相对于原来的控件优势在哪里?
相信你看到这篇文章也会有所疑问,第一个问题就不用说了,那么从第二问题开始回答,Android官方为开发者提供了许多丰富的UI控件,Material 组件就是包含了这些控件的一套工具,多数时候使用它可以满足我们日常开发UI的需求,提高效率。优势就在于它比原来的控件更加的强大,比如说我们平时要是像显示一个圆形的头像,需要怎么做呢?你可能会使用第三方库,Glide或者CircleImageView等一些开源库,或者你会自定义ImageView来实现,那么如果我告诉你Material 中的ImageView可以不需要自定义和使用第三方库就能够实现圆形图片或其他一些形状的图片呢?这样是否证明它更强大?是否能提高你的开发效率呢?听了这么多的废话远不如实践得劲,其实我也是这么想的,但是我得让你知道为什么才行,这才是写文章的目的。下面是正文了。
# 使用步骤 ## 1.引入库 首先,新建一个项目或在原有的项目上操作。因为我是打算写一个Material UI系列文章的,所以我会新建一个项目。
在app下的build.gradle中的dependencies闭包中增加如下依赖,然后Sync,同步到项目中。
implementation ‘com.google.android.material:material:1.2.0’
以上均属于基本操作,下面才是见证骚操作的时候。
首先在布局中新增一个ShapeableImageView。
你只要输入一个<Shap,下面就会弹出一个提示,回车就可以自己导入,如果没有弹出就说明你没有Sync或者你的项目还没有引用到这个库,你需要Make Project或者Rebuild Project。
<com.google.android.material.imageview.ShapeableImageView
android:id=“@+id/siv_wallpaper”
android:src=“@drawable/pic_wallpaper”
android:layout_width=“match_parent”
android:layout_height=“match_parent”/>
图片pic_wallpaper如下:
在布局预览中可以看到它并没有占满布局
你预览的效果实际就是你运行的效果,这并不是我想要的,然后增加一个scaleType属性来改变一下
android:scaleType=“fitXY”
fitXY只是其中的一个类型,如何查看其它类型呢?