阳光沙滩-让学习编程变得更加简单

自定义组合控件在继承viewGroup的时候，里面的子View是ImageView,在布局的时候，第一个Imageview不论是先layout还是后layout，都不会显示在最上面。

2022-03-21 00:30 · ViewGroup / Imageview

背景图片展示需要圆角，原生并没有提供这样的api实现。网上很多大神都分享过如何做圆角。1：path和矩形裁切2：bitmap和path裁切3：应该还有其他的遇到的坑我记得在Android10上面裁切的api和path直接有点问题，顺序问题。然后具体不记得了，后面可以去查下。结果：456789正常10无法裁切今天的主角代码是从某大神哪里得到的，具体忘记了。先分享代码给大家吧。这个控件目前在公司项目使用，也在上家公司的2个项目中使用，没有出现问题。publicclassRadiusImageViewextendsAppCompatImageView{privatestaticfinalintDEFAULT_BORDER_COLOR=Color.GRAY;privatestaticfinalBitmap.ConfigBITMAP_CONFIG=Bitmap.Config.ARGB_8888;privatestaticfinalintCOLOR_DRAWABLE_DIMEN=2;privatebooleanmIsSelected=false;privatebooleanmIsOval=false;privatebooleanmIsCircle=false;privateintmBorderWidth;privateintmBorderColor;privateintmSelectedBorderWidth;privateintmSelectedBorderColor;privateintmSelectedMaskColor;privatebooleanmIsTouchSelectModeEnabled=true;privateintmCornerRadius;privatePaintmBitmapPaint;privatePaintmBorderPaint;privateColorFiltermColorFilter;privateColorFiltermSelectedColorFilter;privateBitmapShadermBitmapShader;privatebooleanmNeedResetShader=false;privateRectFmRectF=newRectF();privateBitmapmBitmap;privateMatrixmMatrix;privateintmWidth;privateintmHeight;publicRadiusImageView(Contextcontext){this(context,null,R.attr.RadiusImageViewStyle);}publicRadiusImageView(Contextcontext,AttributeSetattrs){this(context,attrs,R.attr.RadiusImageViewStyle);}publicRadiusImageView(Contextcontext,AttributeSetattrs,intdefStyleAttr){super(context,attrs,defStyleAttr);initAttrs(context,attrs,defStyleAttr);}privatevoidinitAttrs(Contextcontext,AttributeSetattrs,intdefStyleAttr){mBorderPaint=newPaint();mBorderPaint.setAntiAlias(true);mBorderPaint.setStyle(Paint.Style.STROKE);mMatrix=newMatrix();setScaleType(ScaleType.CENTER_CROP);TypedArrayarray=context.obtainStyledAttributes(attrs,R.styleable.RadiusImageView,defStyleAttr,0);mBorderWidth=array.getDimensionPixelSize(R.styleable.RadiusImageView_riv_border_width,0);mBorderColor=array.getColor(R.styleable.RadiusImageView_riv_border_color,DEFAULT_BORDER_COLOR);mSelectedBorderWidth=array.getDimensionPixelSize(R.styleable.RadiusImageView_riv_selected_border_width,mBorderWidth);mSelectedBorderColor=array.getColor(R.styleable.RadiusImageView_riv_selected_border_color,mBorderColor);mSelectedMaskColor=array.getColor(R.styleable.RadiusImageView_riv_selected_mask_color,Color.TRANSPARENT);if(mSelectedMaskColor!=Color.TRANSPARENT){mSelectedColorFilter=newPorterDuffColorFilter(mSelectedMaskColor,PorterDuff.Mode.DARKEN);}mIsTouchSelectModeEnabled=array.getBoolean(R.styleable.RadiusImageView_riv_is_touch_select_mode_enabled,true);mIsCircle=array.getBoolean(R.styleable.RadiusImageView_riv_is_circle,false);if(!mIsCircle){mIsOval=array.getBoolean(R.styleable.RadiusImageView_riv_is_oval,false);}if(!mIsOval){mCornerRadius=array.getDimensionPixelSize(R.styleable.RadiusImageView_riv_corner_radius,0);}array.recycle();}@OverridepublicvoidsetScaleType(ScaleTypescaleType){if(scaleType!=ScaleType.CENTER_CROP){thrownewIllegalArgumentException(String.format("不支持ScaleType%s",scaleType));}super.setScaleType(scaleType);}@OverridepublicvoidsetAdjustViewBounds(booleanadjustViewBounds){if(adjustViewBounds){thrownewIllegalArgumentException("不支持adjustViewBounds");}}publicvoidsetBorderWidth(intborderWidth){if(mBorderWidth!=borderWidth){mBorderWidth=borderWidth;invalidate();}}publicvoidsetBorderColor(@ColorIntintborderColor){if(mBorderColor!=borderColor){mBorderColor=borderColor;invalidate();}}publicvoidsetCornerRadius(intcornerRadius){if(mCornerRadius!=cornerRadius){mCornerRadius=cornerRadius;if(!mIsCircle&&!mIsOval){invalidate();}}}publicvoidsetSelectedBorderColor(@ColorIntintselectedBorderColor){if(mSelectedBorderColor!=selectedBorderColor){mSelectedBorderColor=selectedBorderColor;if(mIsSelected){invalidate();}}}publicvoidsetSelectedBorderWidth(intselectedBorderWidth){if(mSelectedBorderWidth!=selectedBorderWidth){mSelectedBorderWidth=selectedBorderWidth;if(mIsSelected){invalidate();}}}publicvoidsetSelectedMaskColor(@ColorIntintselectedMaskColor){if(mSelectedMaskColor!=selectedMaskColor){mSelectedMaskColor=selectedMaskColor;if(mSelectedMaskColor!=Color.TRANSPARENT){mSelectedColorFilter=newPorterDuffColorFilter(mSelectedMaskColor,PorterDuff.Mode.DARKEN);}else{mSelectedColorFilter=null;}if(mIsSelected){invalidate();}}mSelectedMaskColor=selectedMaskColor;}publicvoidsetCircle(booleanisCircle){if(mIsCircle!=isCircle){mIsCircle=isCircle;requestLayout();invalidate();}}publicvoidsetOval(booleanisOval){booleanforceUpdate=false;if(isOval){if(mIsCircle){//必须先取消圆形mIsCircle=false;forceUpdate=true;}}if(mIsOval!=isOval||forceUpdate){mIsOval=isOval;requestLayout();invalidate();}}publicintgetBorderColor(){returnmBorderColor;}publicintgetBorderWidth(){returnmBorderWidth;}publicintgetCornerRadius(){returnmCornerRadius;}publicintgetSelectedBorderColor(){returnmSelectedBorderColor;}publicintgetSelectedBorderWidth(){returnmSelectedBorderWidth;}publicintgetSelectedMaskColor(){returnmSelectedMaskColor;}publicbooleanisCircle(){returnmIsCircle;}publicbooleanisOval(){return!mIsCircle&&mIsOval;}@OverridepublicbooleanisSelected(){returnmIsSelected;}@OverridepublicvoidsetSelected(booleanisSelected){if(mIsSelected!=isSelected){mIsSelected=isSelected;invalidate();}}publicvoidsetTouchSelectModeEnabled(booleantouchSelectModeEnabled){mIsTouchSelectModeEnabled=touchSelectModeEnabled;}publicbooleanisTouchSelectModeEnabled(){returnmIsTouchSelectModeEnabled;}publicvoidsetSelectedColorFilter(ColorFiltercf){if(mSelectedColorFilter==cf){return;}mSelectedColorFilter=cf;if(mIsSelected){invalidate();}}@OverridepublicvoidsetColorFilter(ColorFiltercf){if(mColorFilter==cf){return;}mColorFilter=cf;if(!mIsSelected){invalidate();}}@OverrideprotectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){super.onMeasure(widthMeasureSpec,heightMeasureSpec);intwidth=getMeasuredWidth();intheight=getMeasuredHeight();if(mIsCircle){intsize=Math.min(width,height);setMeasuredDimension(size,size);}else{intwidthMode=MeasureSpec.getMode(widthMeasureSpec);intheightMode=MeasureSpec.getMode(heightMeasureSpec);if(mBitmap==null){return;}booleanwidthWrapContent=widthMode==MeasureSpec.AT_MOST||widthMode==MeasureSpec.UNSPECIFIED;booleanheightWrapContent=heightMode==MeasureSpec.AT_MOST||heightMode==MeasureSpec.UNSPECIFIED;floatbmWidth=mBitmap.getWidth(),bmHeight=mBitmap.getHeight();floatscaleX=width/bmWidth,scaleY=height/bmHeight;if(widthWrapContent&&heightWrapContent){//保证长宽比if(scaleX>=1&&scaleY>=1){setMeasuredDimension((int)bmWidth,(int)bmHeight);return;}if(scaleX>=1){setMeasuredDimension((int)(bmHeight*scaleY),height);return;}if(scaleY>=1){setMeasuredDimension(width,(int)(bmHeight*scaleX));return;}if(scaleX<scaleY){setMeasuredDimension(width,(int)(bmHeight*scaleX));}else{setMeasuredDimension((int)(bmWidth*scaleY),height);}}elseif(widthWrapContent){setMeasuredDimension((int)(bmWidth*scaleY),height);}elseif(heightWrapContent){setMeasuredDimension(width,(int)(bmHeight*scaleX));}}}@OverridepublicvoidsetImageDrawable(Drawabledrawable){super.setImageDrawable(drawable);setupBitmap();}@OverridepublicvoidsetImageURI(Uriuri){super.setImageURI(uri);setupBitmap();}privateBitmapgetBitmap(){Drawabledrawable=getDrawable();if(drawable==null){returnnull;}if(drawableinstanceofBitmapDrawable){Bitmapbitmap=((BitmapDrawable)drawable).getBitmap();if(bitmap==null){returnnull;}floatbmWidth=bitmap.getWidth(),bmHeight=bitmap.getHeight();if(bmWidth==0||bmHeight==0){returnnull;}//ensureminWidthandminHeightfloatminScaleX=getMinimumWidth()/bmWidth,minScaleY=getMinimumHeight()/bmHeight;if(minScaleX>1||minScaleY>1){floatscale=Math.max(minScaleX,minScaleY);Matrixmatrix=newMatrix();matrix.postScale(scale,scale);returnBitmap.createBitmap(bitmap,0,0,(int)bmWidth,(int)bmHeight,matrix,false);}else{returnbitmap;}}try{Bitmapbitmap;if(drawableinstanceofColorDrawable){bitmap=Bitmap.createBitmap(COLOR_DRAWABLE_DIMEN,COLOR_DRAWABLE_DIMEN,BITMAP_CONFIG);}else{bitmap=Bitmap.createBitmap(drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight(),BITMAP_CONFIG);}Canvascanvas=newCanvas(bitmap);drawable.setBounds(0,0,canvas.getWidth(),canvas.getHeight());drawable.draw(canvas);returnbitmap;}catch(Exceptione){e.printStackTrace();returnnull;}}publicvoidsetupBitmap(){Bitmapbm=getBitmap();if(bm==mBitmap){return;}mBitmap=bm;if(mBitmap==null){mBitmapShader=null;invalidate();return;}mNeedResetShader=true;mBitmapShader=newBitmapShader(mBitmap,Shader.TileMode.CLAMP,Shader.TileMode.CLAMP);if(mBitmapPaint==null){mBitmapPaint=newPaint();mBitmapPaint.setAntiAlias(true);}mBitmapPaint.setShader(mBitmapShader);requestLayout();invalidate();}privatevoidupdateBitmapShader(){mMatrix.reset();mNeedResetShader=false;if(mBitmapShader==null||mBitmap==null){return;}finalfloatbmWidth=mBitmap.getWidth();finalfloatbmHeight=mBitmap.getHeight();finalfloatscaleX=mWidth/bmWidth;finalfloatscaleY=mHeight/bmHeight;finalfloatscale=Math.max(scaleX,scaleY);mMatrix.setScale(scale,scale);mMatrix.postTranslate(-(scale*bmWidth-mWidth)/2,-(scale*bmHeight-mHeight)/2);mBitmapShader.setLocalMatrix(mMatrix);mBitmapPaint.setShader(mBitmapShader);}privatevoiddrawBitmap(Canvascanvas,intborderWidth){finalfloathalfBorderWidth=borderWidth*1.0f/2;mBitmapPaint.setColorFilter(mIsSelected?mSelectedColorFilter:mColorFilter);if(mIsCircle){intcenter=getWidth()/2;canvas.drawCircle(center,center,center-halfBorderWidth,mBitmapPaint);}else{mRectF.left=halfBorderWidth;//noinspectionSuspiciousNameCombinationmRectF.top=halfBorderWidth;mRectF.right=getWidth()-halfBorderWidth;mRectF.bottom=getHeight()-halfBorderWidth;if(mIsOval){canvas.drawOval(mRectF,mBitmapPaint);}else{canvas.drawRoundRect(mRectF,mCornerRadius,mCornerRadius,mBitmapPaint);}}}privatevoiddrawBorder(Canvascanvas,intborderWidth){if(borderWidth<=0){return;}finalfloathalfBorderWidth=borderWidth*1.0f/2;mBorderPaint.setColor(mIsSelected?mSelectedBorderColor:mBorderColor);mBorderPaint.setStrokeWidth(borderWidth);if(mIsCircle){intradius=getWidth()/2;canvas.drawCircle(radius,radius,radius-halfBorderWidth,mBorderPaint);}else{mRectF.left=halfBorderWidth;//noinspectionSuspiciousNameCombinationmRectF.top=halfBorderWidth;mRectF.right=getWidth()-halfBorderWidth;mRectF.bottom=getHeight()-halfBorderWidth;if(mIsOval){canvas.drawOval(mRectF,mBorderPaint);}else{canvas.drawRoundRect(mRectF,mCornerRadius,mCornerRadius,mBorderPaint);}}}@OverrideprotectedvoidonDraw(Canvascanvas){intwidth=getWidth(),height=getHeight();if(width<=0||height<=0){return;}intborderWidth=mIsSelected?mSelectedBorderWidth:mBorderWidth;if(mBitmap==null||mBitmapShader==null){drawBorder(canvas,borderWidth);return;}if(mWidth!=width||mHeight!=height||mNeedResetShader){mWidth=width;mHeight=height;updateBitmapShader();}drawBitmap(canvas,borderWidth);drawBorder(canvas,borderWidth);}@OverridepublicbooleanonTouchEvent(MotionEventevent){if(!this.isClickable()){this.setSelected(false);returnsuper.onTouchEvent(event);}if(!mIsTouchSelectModeEnabled){returnsuper.onTouchEvent(event);}switch(event.getAction()){caseMotionEvent.ACTION_DOWN:this.setSelected(true);break;caseMotionEvent.ACTION_UP:caseMotionEvent.ACTION_SCROLL:caseMotionEvent.ACTION_OUTSIDE:caseMotionEvent.ACTION_CANCEL:this.setSelected(false);break;default:break;}returnsuper.onTouchEvent(event);}}需要的属性，自己在attrs中增加自定义属性<attrname="RadiusImageViewStyle"format="reference"/><declare-styleablename="RadiusImageView"><attrname="riv_border_width"format="dimension"/><attrname="riv_border_color"format="color"/><attrname="riv_selected_mask_color"format="color"/><attrname="riv_selected_border_color"format="color"/><attrname="riv_selected_border_width"format="dimension"/><attrname="riv_corner_radius"format="dimension"/><attrname="riv_is_oval"format="boolean"/><attrname="riv_is_circle"format="boolean"/><attrname="riv_is_touch_select_mode_enabled"format="boolean"/></declare-styleable>使用控件的包名自己修改自己的<com.debug.widget.RadiusImageViewandroid:id="@+id/iv_loop_cover"android:layout_width="@dimen/sw_40dp"android:layout_height="@dimen/sw_40dp"android:scaleType="centerCrop"app:riv_border_color="#ff0000"app:riv_border_width="@dimen/sw_1dp"app:riv_corner_radius="@dimen/sw_4dp"tools:src="@mipmap/ic_launcher"/>可以增加边框颜色，边框大小，圆角的大小。其他方案我之前使用过glide的圆角api，在某些手机上面失效，貌似是vivo的具体型号不记得了。目前我一直使用这个控件，因为现在没有Android11的设备没测试还不知道情况。线上也有11的设备，但是用户也没反馈过有图片问题，暂时就表明正常使用吧。如果发现有问题，记得联系我：1124466590：qq

2021-03-25 10:20 · Android / 圆角ImageView / ImageView / 断点 / debug