Android ConstraintLayout分组堆叠圆角ShapeableImageView

小鱼儿 2024-02-20 09:15 50阅读 0赞

### 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：

![9cc310d8e11745cfa0ed0e418572d881.png][]

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

[Android官方ShapeableImageView描边/圆形/圆角图，xml布局实现-CSDN博客文章浏览阅读118次。Android RoundedBitmapDrawable：Android官方的圆角图形图象实现方案RoundedBitmapDrawable是Android在support v4的扩展包中新增的实现圆角图形的关键类，借助RoundedBitmapDrawable的帮助，可以轻松的以Android标准方式实现圆角图形图象。现在结合他人的代码加以修改，给出一个以原始图形中心为原点，修剪图片为头像的工具类，此类可以直接在布局文件中加载使用，比。![favicon32.ico][]https://blog.csdn.net/zhangphil/article/details/134031190][Android_ShapeableImageView_xml_-CSDN_118_Android RoundedBitmapDrawable_Android_RoundedBitmapDrawable_Android_support v4_RoundedBitmapDrawable_Android_favicon32.ico_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属性，设置宽高比缩放比例，宽:高。![favicon32.ico][]https://blog.csdn.net/zhangphil/article/details/133350654][Android_ConstraintLayout_Guideline_CardView-CSDN_254_Android ConstraintLayout_View_Android ConstraintLayout_layout_constraintDimensionRatio_Android ConstraintLayout_View_Android ConstraintLayout_layout_constraintDimensionRatio_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_133350654]

[9cc310d8e11745cfa0ed0e418572d881.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/3084253c11b24b128259b4a5746d5c29.png
[favicon32.ico]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/eb48680db44a4e4d80aa31bfc9cd76e3.png
[Android_rotation_-CSDN_368_Android_Android_ImageView_Android SDK_ThumbnailUtils_Android_rotate_xml_set_android xml _-CSDN_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_134065191]: https://blog.csdn.net/zhangphil/article/details/134065191
[Android_ShapeableImageView_xml_-CSDN_118_Android RoundedBitmapDrawable_Android_RoundedBitmapDrawable_Android_support v4_RoundedBitmapDrawable_Android_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_134031190]: 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_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_133350654]: https://blog.csdn.net/zhangphil/article/details/133350654