Android Material Design之ShapeableImageView(十三)

1. 效果图
   
2. 资源引入

implementation 'com.google.android.material:material:1.4.0'
1

3. 属性

4. 源代码
   xml布局代码:

<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <com.google.android.material.imageview.ShapeableImageView
        android:id="@+id/shapeableImageView"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_gravity="center"
        android:padding="2.5dp"
        android:src="@mipmap/ic_upic"
        app:shapeAppearance="@style/roundImg"
        app:strokeColor="@color/black"
        app:strokeWidth="5dp" />


    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottomNavMenu"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:layout_gravity="bottom"
        app:itemIconSize="25dp"
        app:itemIconTint="@color/icon_color"
        app:itemTextColor="@color/text_color"
        app:labelVisibilityMode="labeled"
        app:menu="@menu/bottom_menu" />
androidx.coordinatorlayout.widget.CoordinatorLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

style: roundImg.xml

 <style name="roundImg">
        "cornerFamily">rounded
        "cornerSize">150dp
    style>
1
2
3
4

5. 使用注意
   如果圆角图片需要加入边框线则需要设置android:padding 且padding的大小等于app:strokeWidth的一半,否则你将会看到上下左右 四个方向各有一段遮挡