Android ConstraintLayout分组堆叠圆角ShapeableImageView

Android ConstraintLayout分组堆叠圆角ShapeableImageView

 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    android:background="@android:color/holo_green_light">

    <com.google.android.material.imageview.ShapeableImageView
        android:id="@+id/image1"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:rotation="-30"
        android:scaleType="centerCrop"
        android:src="@mipmap/pic1"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:shapeAppearance="@style/round_corner_style" />

    <com.google.android.material.imageview.ShapeableImageView
        android:id="@+id/image2"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:rotation="-20"
        android:scaleType="centerCrop"
        android:src="@mipmap/pic2"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:shapeAppearance="@style/round_corner_style" />

    <com.google.android.material.imageview.ShapeableImageView
        android:id="@+id/image3"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:rotation="-10"
        android:scaleType="centerCrop"
        android:src="@mipmap/pic3"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:shapeAppearance="@style/round_corner_style" />

    <androidx.constraintlayout.widget.Group
        android:id="@+id/group"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="visible"
        app:constraint_referenced_ids="image1,image2,image3" />

    <com.google.android.material.imageview.ShapeableImageView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:rotation="0"
        android:scaleType="centerCrop"
        android:src="@mipmap/pic4"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:shapeAppearance="@style/round_corner_style" />
</androidx.constraintlayout.widget.ConstraintLayout>

 

 

res/values/styles.xml：

    <style name="round_corner_style">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">15dp</item>
    </style>

    <style name="rounded_style">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">50%</item>
    </style>

 

 

 

 

 

 

 

Android多张图片rotation旋转角度叠加/重叠堆放-CSDN博客文章浏览阅读368次。《Android大图片之变换缩略图，以及对原始大图片按照指定宽、高裁剪成缩略图》在Android的ImageView加载图像资源过程中，出于性能和内存开销的需要，有时候需要把一个原始的超大图片按照一定比例等比例缩放成较小的缩略图，或者需要把原始的超大图片，裁剪成指定宽高值的较小图片，针对这种开发需求，可以使用Android SDK自身提供的工具类：ThumbnailUtils完成。Android旋转动画rotate动画，xml配置set实现_android xml 旋转动画-CSDN博客。https://blog.csdn.net/zhangphil/article/details/134065191

Android官方ShapeableImageView描边/圆形/圆角图，xml布局实现-CSDN博客文章浏览阅读118次。Android RoundedBitmapDrawable：Android官方的圆角图形图象实现方案RoundedBitmapDrawable是Android在support v4的扩展包中新增的实现圆角图形的关键类，借助RoundedBitmapDrawable的帮助，可以轻松的以Android标准方式实现圆角图形图象。现在结合他人的代码加以修改，给出一个以原始图形中心为原点，修剪图片为头像的工具类，此类可以直接在布局文件中加载使用，比。https://blog.csdn.net/zhangphil/article/details/134031190

Android约束布局ConstraintLayout的Guideline，CardView-CSDN博客文章浏览阅读254次。Android ConstraintLayout按比例缩放View关键点有两个，第一，使用Android ConstraintLayout的layout_constraintDimensionRatio属性，设置宽高比缩放比例，宽:高。Android ConstraintLayout按比例缩放View关键点有两个，第一，使用Android ConstraintLayout的layout_constraintDimensionRatio属性，设置宽高比缩放比例，宽:高。https://blog.csdn.net/zhangphil/article/details/133350654