开发过程中我们经常会用到圆形的图片,作为头像、Item图标等等。笔者今天分享出自己常用的实现方式 —— 继承ImageView重写onDraw方法,手动裁剪。...绘制完成后,使用方式就和普通的ImageView无异。 效果图: ?...效果图 .png 核心代码: 核心思路其实就是对Bitmap的操作,先将图片裁剪成正方形,再将正方形图片裁剪成圆形 //将原始图像裁剪成正方形 private Bitmap dealRawBitmap...leftTopX,leftTopY,minWidth,minWidth,null,false); return scaleBitmap(newBitmap); } //将图片裁剪成圆形图片
android开发中常常涉及到一种情况,就是将用户上传的图片以圆形样式显示,但是用户上传的图片可以有直角、圆角、正方形等多种不确定样式,这时就用到了自定义ImageView控件,在安卓客户端使接收到的图片全部以圆形样式显示...CircleImageView.java public class CircleImageView extends ImageView { private static final ScaleType...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
android中的ImageView只能显示矩形的图片,这样一来不能满足我们其他的需求,比如要显示圆形的图片,这个时候,我们就需要自定义ImageView了,其原理就是首先获取到图片的Bitmap,然后进行裁剪圆形的...bitmap,然后在onDraw()进行绘制圆形图片输出。...自定义的圆形的ImageView类的实现代码如下: package com.xc.xcskin.view; import android.content.Context; import android.graphics.Bitmap...android.util.AttributeSet; import android.widget.ImageView; /** * 自定义的圆形ImageView,可以直接当组件在布局中使用。...* @author caizhiming * */ public class XCRoundImageView extends ImageView{ private Paint paint ;
; import android.util.TypedValue; import android.widget.ImageView; import com.ccvideo.R; public class...RoundImageView extends ImageView { private Paint mPaint; private Xfermode mXfermode = new PorterDuffXfermode...; import android.util.TypedValue; import android.widget.ImageView; import com.ccvideo.R; public class...MyUserPhoto extends ImageView { private static final int BORDER_SMALL_WIDTH_DEFAULT = 10; private...return Bitmap.createBitmap(bitmap, 0, 0, (int) width, (int) height, matrix, true); } public ImageView
、adjustViewBounds、tint 4.图片设置 源码中ImageView的自定义属性: * @attr ref android.R.styleable#ImageView_adjustViewBounds...* @attr ref android.R.styleable#ImageView_src * @attr ref android.R.styleable#ImageView_maxWidth...* @attr ref android.R.styleable#ImageView_maxHeight * @attr ref android.R.styleable#ImageView_tint...* @attr ref android.R.styleable#ImageView_scaleType * @attr ref android.R.styleable#ImageView_cropToPadding...效果上来看,图片位置偏移了 [cropToPadding.gif] android:cropToPadding="true" android:scrollY="@dimen/sp_30" 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...public class Home extends AppCompatActivity { private LinearLayout mainLayout=null; private ImageView...CirImageView组件 final CircleImageView circleimageView01 = (CircleImageView) findViewById(R.id.imageview
给定的长宽进行拉伸; 在ImageView中,可以同时设置src和background属性(为了减少绘制,可以根据使用场景来设置相应属性); 由于src中存放的是原图大小,如果需要对其缩放,就需要使用android...正确答案是: android:src在设置ImageView的setAlpha(int alpha)时,起作用; android:background在设置ImageView的setAlpha(int...四、正确使用ImageView的“android:adjustViewBounds” adjustViewBounds的介绍如下: Set this to true if you want the ImageView...的“android:scaleType” 如前所说,ImageView的“android:scaleType”属性是对src才有效的,如下图所示,需要对下面原图进行缩放控制,效果如下: (1)原图 ?...答案是否定的,如果要保证ScaleDrawable.CROP_START属性设置成功,在xml中一定要设置“android:scaleType=”fitXY”,原因如下: 1)通过ScaleDrawable
还有它的拓展性方面,像圆角图片、圆形图片、图片边框等等。因此,假设想熟练使用这个控件,就须要对事实上现的机制有一个基本的了解。 ImageView也是直接继承于View类。..., defStyle, 0); Drawable d = a.getDrawable(com.android.internal.R.styleable.ImageView_src);..., Integer.MAX_VALUE)); int index = a.getInt(com.android.internal.R.styleable.ImageView_scaleType...下面解说一下怎样自己定义一个类继承于ImageView。首先以 CircleButton为例,这是github上一个项目,实现一个圆形有点击效果的按钮。...先画两个圆形图案,一个是实心的圆。一个是圆环。圆环半径小于实心圆半径。这样默认就看不到圆环,然后再画出设置的图片,覆盖在二者之上。
android获得ImageView图片的等级问题 要实现的功能如下图,点击分享能显示选中与不选中状态,然后发送是根据状态来实现具体分享功能。...ImageView ss_indicator = (ImageView) view.findViewById(R.id.ss_indicator); // if (ss_indicator.isSelected
; 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;...EditText world_shopping_search_input; private TextView world_city_refresh, clear_history; private ImageView...@Override public void onClick(View arg0) { clearSearchHistory(); } }); toSearch = (ImageView...sp.edit().clear().commit(); Toast.makeText(this, "清除历史记录", Toast.LENGTH_LONG).show(); } } 用于将控件 设置为圆形
/github.com/opengit/MonkeyAndroid ---- ImageView的用法 ImageView顾名思义,就是图片视图,用来显示静态图片。...<ImageView android:id="@+id/imageview_normal" android:layout_width="wrap_content" android:layout_height...="@mipmap/super_dog" /> <ImageView android:id="@+id/imageview_super" android:layout_width="wrap_content...ImageView的XML属性 android:src,设置ImageView要显示的图片; android:adjustViewBounds,是否保持宽高比,需要和maxWidth、maxHeight...在实际需求中,我们可能会用到更高级的用法,如显示圆形头像,或者动态的gif,又或者图片的缩放与缩略图等等,这些就需要我们自己取实现ImageView了,后面都会讲到。
圆形进度条.jpg 先在attrs.xml中自定义属性 </declare-styleable
、adjustViewBounds、tint [4].图片设置 源码中ImageView的自定义属性: * @attr ref android.R.styleable#ImageView_adjustViewBounds...* @attr ref android.R.styleable#ImageView_src * @attr ref android.R.styleable#ImageView_maxWidth...* @attr ref android.R.styleable#ImageView_maxHeight * @attr ref android.R.styleable#ImageView_tint...* @attr ref android.R.styleable#ImageView_scaleType * @attr ref android.R.styleable#ImageView_cropToPadding...cropToPadding.gif android:cropToPadding="true" android:scrollY="@dimen/sp_30" android:scrollX="@dimen
图片插入不难,主要是方式比较多,使用时具体参见第三张PPT
在 Android 应用开发中,我们通常使用 ImageView 来显示图片。 ImageView的主要属性 [1240] ImageView的使用 ImageView经常用来显示图片。...<ImageView style="@style/IvDemo1" android:background="@drawable/pic_2_robots" /> <ImageView...<ImageView style="@style/IvDemo1" android:scaleType="fitXY" android:src="@drawable/pic_2_...<ImageView style="@style/IvDemo1" android:layout_marginStart="20dp" android:scaleType="center...android:scaleType="fitCenter" android:src="@drawable/pic_2_robots" /> 例子: [1240] ImageView 视频教程参考
最近有一个实现一个带有圆角的ImageView的需求,在网上找了找三方,虽然Demo都是正确的,但是移植过来就不可以了,因为请求链接的时候用的是xUtils中Bitmap来进行解析的,这样就总是会报类型转换异常的错误...android.graphics.Bitmap.Config; import android.graphics.Canvas; import android.graphics.Paint; import...; import android.graphics.drawable.Drawable; import android.util.AttributeSet; import android.widget.ImageView...com.lidroid.xutils.bitmap.core.AsyncDrawable; /** * Created by 雪宝宝 on 2016/3/27. * 自定义圆角工具 */ public class RoundImageView extends ImageView...<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/swipelayout
最近在搞一个数字拨号按键按钮,就想到使用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
本文实例讲述了Android编程实现切换imageView的方法。...(fileName); iv.setImageBitmap(bm); ImageView iv = new ImageView(context); iv.setImageResource(iv[position...一条一条的设置好源图片和对应的id,然后设置imageView的属性: android:src="@drawable/boardlook" 然后我们在Java文件里只要这样应用就可以了: board.getDrawable...更多关于Android相关内容感兴趣的读者可查看本站专题:《Android图形与图像处理技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android...基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》 希望本文所述对大家Android程序设计有所帮助。
ImageView设置手指滑动缩放效果,具体实现步骤大家通过本文学习下吧!...实现步骤 1, imageview设置scaletype为 android:scaleType=”matrix” 2, 设置imageview的setOnTouchListener,重写里面的代码 3,...也可以用自定义控件imageview,重写里面的onTouchEvent,本文就是用的自定义控件得到方式实现的....import android.view.MotionEvent; import android.widget.ImageView; /** * Created by Administrator on...="matrix" android:src="@drawable/qq" / 总结 以上所述是小编给大家介绍的Android通过ImageView设置手指滑动控件缩放,希望对大家有所帮助,如果大家有任何疑问请给我留言
Android 中ImageView的ScaleType使用方法 ImageView的ScaleType属性,表示的是ImageView中资源图片的填充方式。...android:scaleType=”centerCrop” 以填满整个ImageView为目的,将原图的中心对准ImageView的中心,等比例放大原图,直到填满ImageView为止(指的是ImageView...android:scaleType=”fitCenter” 把原图按比例扩大或缩小到ImageView的ImageView的高度,居中显示。...android:scaleType=”fitEnd” 把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的下部分位置。...android:scaleType=”fitStart” 把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的上部分位置。
领取专属 10元无门槛券
手把手带您无忧上云