学习
实践
活动
工具
TVP
写文章

Android 圆形ImageView

开发过程中我们经常会用到圆形的图片,作为头像、Item图标等等。笔者今天分享出自己常用的实现方式 —— 继承ImageView重写onDraw方法,手动裁剪。 效果图 .png 核心代码: 核心思路其实就是对Bitmap的操作,先将图片裁剪成正方形,再将正方形图片裁剪成圆形 //将原始图像裁剪成正方形 private Bitmap dealRawBitmap leftTopX,leftTopY,minWidth,minWidth,null,false); return scaleBitmap(newBitmap); } //将图片裁剪成圆形图片

66730

Android 圆形图片

圆形头像:CircleImageView的使用 ** 注:在build.gradle中添加: implementation 'de.hdodenhof:circleimageview:1.3.0' XML > <AbsoluteLayout android:id="@+id/root" xmlns:android="http://schemas.android.com/apk/res/android imageview" android:layout_x="150dp" android:layout_y="75dp" android:layout_width ="wrap_content" android:layout_x="20dp" android:layout_y="225dp" android:text android:hint="密码/验证码" android:layout_width="wrap_content" android:width="275dp

17010
  • 广告
    关闭

    年末·限时回馈

    热卖云产品年终特惠,2核2G轻量应用服务器6.58元/月起,更多上云必备产品助力您轻松上云

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android圆形进度条

    圆形进度条.jpg 先在attrs.xml中自定义属性 <declare-styleable name="CircleProgressBar"> <attr name="backgroundColor maxProgress" format="integer" /> <attr name="radius" format="dimension" /> <attr name="<em>android</em> :textSize" format="dimension" /> <attr name="<em>android</em>:textColor" format="color"/> </declare-styleable

    23430

    Android实现圆形纯数字按钮

    最近在搞一个数字拨号按键按钮,就想到使用GridView,但在实现中遇到点问题,在给数字键进行圆形状态键设置时发现一个问题,GridView中自带的原生选择矩形按钮总是存在,于是就想到了让其状态背景设置成透明 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content android:color/transparent" android:horizontalSpacing="1dp" android:numColumns="3" android <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content android:inputType="numberDecimal" android:padding="14dp" android:gravity="center_horizontal" android

    22220

    Android 自定义圆形进度View

    在进行App开发过程中不免会需要自定义一些View,比如我们之前说的iOS平台下的具有任务刻度的View ,今天我们来看看android中怎么实现一个圆形的进行view吧,大致效果如下: ? 此时设置的进度为0.3 <com.example.androidgo.CirCleView android:background="@color/RGB_E6E9ED" android:layout_width="200dp" app:mBackCircleColor="@color/colorAccent" app:mBackCircleWidth mTitleTextColor="@color/colorPrimaryDark" app:mTitleTextSize="20sp" app:mTitle="当前进度" android

    31220

    Android实现随机圆形云标签效果

    本文实例为大家分享了Android实现圆形云标签效果展示的具体代码,供大家参考,具体内容如下 下面是实现的效果图: ? ? 这个适合用于选择 用户的一些兴趣标签,个性名片等。 ; import android.content.SharedPreferences; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.EditText; import android.widget.ImageView sp.edit().clear().commit(); Toast.makeText(this, "清除历史记录", Toast.LENGTH_LONG).show(); } } 用于将控件设置为圆形的自定义 实现圆形云标签效果 以上就是本文的全部内容,希望对大家的学习有所帮助。

    18920

    Android实现圆形图片或者圆角图片

    Android圆形图片或者圆角图片的快速实现,具体内容如下 话不多说直接上code xml文件布局 <LinearLayout android:id="@+id/ll_headpict" android :layout_width="match_parent" android:layout_height="97dp" android:layout_margin="13dp" android:background " android:layout_weight="1" android:text="头像" android:textColor="@color/color4A4A4A" android:textSize ="14sp" android:textStyle="bold" / <ImageView android:id="@+id/iv_headpict" android:layout_width radius)).placeholder(R.mipmap.placeholder_icon).into(iv); }catch (Exception e){ } } } /** * 加载网络图片(圆形

    29210

    Android开发实现圆形图片功能示例

    本文实例讲述了Android开发实现圆形图片功能。分享给大家供大家参考,具体如下: **绝对布局:通过直接给定控件起始坐标 ( x , y ) 和 ( w , l ) ,来生成控件。 圆形头像:CircleImageView的使用 ** 注:在build.gradle中添加: implementation 'de.hdodenhof:circleimageview:1.3.0' <AbsoluteLayout android:id="@+id/root" xmlns:android="http://schemas.android.com/apk/res/android" " android:layout_x="150dp" android:layout_y="75dp" android:layout_width="100dp" android " android:layout_x="20dp" android:layout_y="225dp" android:text="用户名:"/ <!

    19020

    android实现圆形渐变进度条

    最近项目中使用到了渐变效果的圆形进度条,网上找了很多渐变效果不够圆滑,两个渐变颜色之间有明显的过渡,或者有些代码画出来的效果过渡不美观,于是自己参照写了一个,喜欢的朋友可以参考或者直接使用。 android.graphics.Rect; import android.graphics.RectF; import android.graphics.SweepGradient; import android.graphics.Typeface; import android.util.AttributeSet; import android.util.Log; import android.view.View 类描述:渐变的圆形进度条 * * @author:lusy * @date :2018/10/17 */ public class RoundProgress extends View { private <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com

    31620

    Android开发笔记(九十九)圆形转盘

    圆形转盘的实现思想 圆形转盘的运用场景常见的有:抽奖转盘、圆形菜单列表、热点客户端环状列表等等。对于圆形转盘的编码实现,主要难点除了手势的触摸控制之外,就在于旋转角度的计算了。 = null) { //这里要设置子控件的位置,另外子控件的位置为相对位置不是绝对位置 mImageView.layout(0, 0, 500, 500); } 圆形转盘的知识准备 Math arcTo : 定义弧线 addRect : 添加矩形路径 addOval : 添加椭圆路径 addCircle : 添加圆形路径 addArc : 添加弧形路径 addRoundRect : android.os.Build; import android.util.AttributeSet; import android.util.Log; import android.view.View 点击下载本文用到的圆形转盘的工程代码 点此查看Android开发笔记的完整目录

    1.1K30

    android圆形图片开源框架roundedimageview的使用

    Android开发,图片是很常用的,用户头像基本上都是圆形的,我们可以自己写画布类,将其变为圆形的,但是比较麻烦获取bitmap体验也不好,在这里使用开源框架roundedimageview。 'com.makeramen:roundedimageview:2.3.0' 2.在布局中: <com.makeramen.roundedimageview.RoundedImageView android :id="@+id/xquserimage" app:riv_oval="true" android:layout_gravity="center" android:layout_width ="50dp" android:layout_height="50dp" android:src="@drawable/weidenglu"/> 3.其余使用与imageview类似。

    1.5K10

    Android自定义View旋转圆形图片

    思路: 1.首先要画一个圆形图片和一个圆形背景图(通过自定义View); 2.自定义View基本步骤初始化属性,测量宽高和中心点,然后绘制图片; 3.通过handler实现图片的角度旋转.然后然后就慢慢撸

    34341

    Android实现圆形渐变加载进度条

    最近设计要求要一个圆形进度条渐变的需求: 1.画圆形进度条 2.解决渐变 ? ? 最终实现效果代码 package com.view; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Matrix; import android.graphics.Paint ; import android.graphics.RectF; import android.graphics.SweepGradient; import android.util.AttributeSet private Paint mRingPaint; // 画圆环的画笔背景色 private Paint mRingPaintBg; // 画字体的画笔 private Paint mTextPaint; // 圆形颜色

    42420

    Android Studio实现带边框的圆形头像

    本文实例为大家分享了Android Studio实现带边框的圆形头像的具体代码,供大家参考,具体内容如下 效果显示: (没有边框的) ? (有边框的) ? ; import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas ; import android.graphics.Color; import android.graphics.Matrix; import android.graphics.Paint; import ; import android.widget.ImageView; /** * * 圆形图片 * Created by LICHENGLONG on 2017-10-09. */ public class ; import android.widget.ImageView; /** * * 带边框的圆形图片 * Created by LICHENGLONG on 2017-10-09. */ public

    64420

    Android自定义控件之圆形进度条Android自定义控件之-圆形进度条

    Android自定义控件之-圆形进度条 先上图: ? 填充的 ? 环形的 贴代码不废话: ** CircleProgressBar.java ** package com.xiaolei.xiaoui; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color ; import android.graphics.Paint; import android.graphics.RectF; import android.util.AttributeSet; import :id="@+id/circleProgressBar" android:layout_width="300dp" android:layout_height="300dp

    4.5K50

    Android Picasso实现圆形图片和圆角图片

    Android Picasso实现圆形图片和圆角图片 1.实现圆形图片 1.1代码调用如下 Picasso.with(mContext).load(headpic).memoryPolicy(MemoryPolicy.NO_CACHE 可以修改圆形图片的半径) import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapShader ; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.PorterDuff; import android.graphics.PorterDuffXfermode; import android.graphics.Rect Glide实现圆形图片和圆角图片 敬请期待…

    95010

    Android自定义view实现圆形waveview

    最近学习了贝塞尔曲线的一些知识,刚好项目中需要实现一个圆形进度,然后就将实现的waveView记录一下。 圆的颜色 circle_color = ta.getColor(R.styleable.custom_wave_view_attr_circle_color,getResources().getColor(android.R.color.black invalidate(); } }); animator.start(); } 第三步在XML中使用自定义View <com.criclewaveview_master.CustomWaveView android :id="@+id/custom_circle_wave_view" android:layout_width="wrap_content" android:layout_height="wrap_content " wave:circle_color = "@color/circle_color" android:layout_centerInParent="true" wave:circle_background_color

    35510

    Android 使用Glide实现圆形和圆角图片

    Android 使用Glide实现圆形和圆角图片 1.实现圆形图片 1.1自定义圆形处理工具类 import android.content.Context; import android.graphics.Bitmap ; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Paint com.bumptech.glide.load.resource.bitmap.BitmapTransformation; /** * Created by xpf on 2017/6/17 :) * Function:Glide Transformation 实现圆形图片 ; import android.content.res.Resources; import android.graphics.Bitmap; import android.graphics.BitmapShader ; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.RectF; import

    5K10

    Android - 圆形 Button 与倒计时控件

    public class RoundBtn extends android.support.v7.widget.AppCompatButton { private GradientDrawable

    43350

    android自定义控件ImageView实现圆形图片

    android开发中常常涉及到一种情况,就是将用户上传的图片以圆形样式显示,但是用户上传的图片可以有直角、圆角、正方形等多种不确定样式,这时就用到了自定义ImageView控件,在安卓客户端使接收到的图片全部以圆形样式显示 BITMAP_CONFIG = Bitmap.Config.ARGB_8888; private static final int COLORDRAWABLE_DIMENSION = 2; // 圆形边框的厚度默认值 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com /apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android :layout_height="match_parent" android:orientation="vertical" <com.example.view.CircleImageView android

    47610

    扫码关注腾讯云开发者

    领取腾讯云代金券