美文网首页
Android Studio Kotlin ImageView圆

Android Studio Kotlin ImageView圆

作者: StormerX | 来源:发表于2019-08-09 07:15 被阅读0次

RoundedImageView - A RoundedImageView library that supports rounding any corner or circular shape. RoundedImageView is extended from AppCompatImageView.
官网:https://rishabh876.github.io/RoundedImageView/
github:https://github.com/rishabh876/RoundedImageView

本节视频演示 https://www.bilibili.com/video/av62877946/

圆角图片是很常用的,但是身为Android开发萌新的我却折腾了半天,我只想简单做个圆角,那么多教程都在讲怎么封装。。至于吗,这种功能写个P的轮子啊,除非有特殊需求。下面我来介绍一下怎么用RoundedImageView来实现圆角图片。

本例使用的版本

看下本例最终实现的效果:


先讲一下流程:
1、引入依赖 implementation 'com.rishabhharit.roundedimageview:RoundedImageView:0.8.4'
2、在layout的XML里设置好RoundedImageView的各项显示属性

引入依赖

打开项目里的 Gradle Script/build.gradle(Moduel:app),加入下面这行依赖

 implementation 'com.rishabhharit.roundedimageview:RoundedImageView:0.8.4'

拷贝图片到资源目录

随便找一张.jpg图片拷贝到资源目录的drawable里


设置layout

打开主界面的layout,显示其XML内容,添加一个RoundedImageView并设置其显示属性。说明一点,RoundedImageView在预览模式下不显示圆角,需要运行的时候才能看到。


<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

    <com.rishabhharit.roundedimageview.RoundedImageView
            android:layout_width="0dp"
            android:layout_height="200dp"
            app:cornerRadius="16dp"
            app:layout_constraintEnd_toEndOf="parent"
            android:layout_marginEnd="8dp" app:layout_constraintStart_toStartOf="parent"
            android:layout_marginStart="8dp"
            app:layout_constraintHorizontal_bias="0.0" app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/cat" android:layout_marginTop="188dp" android:scaleType="centerCrop"/>

</androidx.constraintlayout.widget.ConstraintLayout>

你可以先复制上面的XML然后根据自己的需要修改调整。


运行效果:

相关文章

网友评论

      本文标题:Android Studio Kotlin ImageView圆

      本文链接:https://www.haomeiwen.com/subject/bvnqjctx.html