androidDrawble、Shape实现图像适配和优化

2019独角兽企业重金招聘Python工程师标准>>>

一、屏幕适配说明

在android开发过程中&＃xff0c;屏幕适配是一件非常重要的工作&＃xff0c;主要原则有以下几点

对于控件而言&＃xff0c;尽量不要使用固定的宽度和高度&＃xff0c;但推荐使用固定的外边距局和内边距。
对于drawable-xxx而言&＃xff0c;没必要每个dpi都放置图片&＃xff0c;完全可以再drawable-hdpi中放入720px级别的图片就可以完成适配&＃xff0c;

此外&＃xff0c;如果某些部位确实需要调整的话&＃xff0c;可以结合values-xxxx。
对于平滑色彩&＃xff0c;渐变色彩&＃xff0c;点击按压效果&＃xff0c;层叠效果&＃xff0c;平铺效果&＃xff0c;尽量自定义drawable,color,bitmap,layer。

图片扭曲(缩放)显示 android:scaleWidth&＃61;"" 水平扭曲度[百分比] android:scaleHeight&＃61;"" 垂直扭曲度[百分比] android:drawable&＃61;"" 原始图像 android:scaleGravity&＃61;"" 缩放后的在空间中的显示方位 android:useIntrinsicSizeAsMinimum&＃61;"" 是否使用原始大小作为最小宽度和高度//level&＃61;的时候就是用户设置的的缩放后的图片&＃xff0c;level&＃61;10000是原始图片&＃xff0c;level&＃61;0不可见

android:src&＃61;"" 原始图片 android:antialias&＃61;"" 是否消除锯齿 android:dither&＃61;"" 像素不足时是否进行弥合&＃xff08;适用于低像素的图片&＃xff09; android:gravity&＃61;"" 图片显示方位 android:tileMode&＃61;"" 拉伸模式 mirror&＃xff08;镜像&＃xff09;,clamp&＃xff08;投影&＃xff09;,repeat&＃xff08;重复&＃xff09;,disabled(拉伸)

单向图片裁剪&＃xff08;这个API设计的很糟糕&＃xff0c;这个功能并不能起作用&＃xff0c;裁剪多少无法设置&＃xff0c;需要在代码里设置&＃xff09; android:clipOrientation&＃61;""裁剪方向 android:gravity&＃61;"" 裁剪起始位置 android:drawable&＃61;"" 图片资源例子&＃xff1a; //下面的代码或得到clipDrawable对象&＃xff0c;并且增加裁剪区逐步显示图片&＃xff1a; ImageView imageview &＃61; (ImageView) findViewById(R.id.image); ClipDrawable drawable &＃61; (ClipDrawable) imageview.getDrawable(); drawable.setLevel(drawable.getLevel() &＃43; 10); 注&＃xff1a;Level最大值为 10000,有时候可利用ClipDrawable&＃43;ImageView做进度图。

渐变过渡&＃xff0c;但不能互相切换&＃xff0c;可用于图片gellary过渡效果

android:enterFadeDuration&＃61;"" 进入渐变时间 android:exitFadeDuration&＃61;"" 离开渐变的时间 -----------------------------------------------------------------

不解释&＃xff0c;颜色定义

旋转图片 android:pivotX&＃61;"" 相对x位置[float] android:pivotY&＃61;""相对y位置[float]也需要修正level,Level的满值是10000

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ... 叠层图片,可以将多种drawable或者图片资源按照层次&＃xff0c;从下倒上依次叠加&＃xff0c;可视为合成图片&＃xff0c;在android开发中&＃xff0c;对ratibar,progressbar,slideBar样式修改 android:opacity&＃61;"" 透明度&＃xff0c;opaque->translucent->transparent

内置背景 android:insetXXX&＃61;"" 表示背景到view的外边距

4. 对于部分帧动画&＃xff0c;完全可以使用自定义clipDrable的方式进行替代。

二、通过代码形式自定义Drawable

5.有时也可以选择直接绘drawable&＃xff0c;可扩展性更强

Drawable background &＃61; new Drawable() {&＃64;Overridepublic void draw(Canvas canvas){//canvas.drawLine(viewWidth * 1 / 10, obtainSelectedAreaBorder()[0], viewWidth * 9 / 10, obtainSelectedAreaBorder()[0], paint);//canvas.drawLine(viewWidth * 1 / 10, obtainSelectedAreaBorder()[1], viewWidth * 9 / 10, obtainSelectedAreaBorder()[1], paint);RectF rect &＃61; new RectF();rect.left &＃61; 16;rect.top &＃61; obtainSelectedAreaBorder()[0]-5;rect.right &＃61; viewWidth-16;rect.bottom &＃61; obtainSelectedAreaBorder()[1]-5;canvas.save();paint.setColor(0x88919191);paint.setStrokeWidth(1.1f);paint.setStyle(Style.STROKE);paint.setAntiAlias(false);canvas.drawRoundRect(rect, 5, 5, paint);canvas.restore();}&＃64;Overridepublic void setAlpha(int alpha) {}&＃64;Overridepublic void setColorFilter(ColorFilter cf) {}&＃64;Overridepublic int getOpacity() {return 0;}};

通过代码自定义Shape

public class RadiusRectShape extends RectShape {&＃64;Overridepublic void draw(Canvas canvas, Paint paint) {canvas.drawRoundRect(rect(),0,0,paint);}&＃64;Overridepublic RectShape clone() throws CloneNotSupportedException {final RadiusRectShape shape &＃61; (RadiusRectShape) super.clone();return shape;}public ShapeDrawable createShapeDrawable(){ShapeDrawable sd &＃61; new ShapeDrawable(this);return sd;} }

6.点9图的使用

点九图是一种非常理想的选择&＃xff0c;注意&＃xff0c;点九图的左变黑色区域和上边黑色区域为拉伸或者压缩区域&＃xff0c;右边黑色区域和下边黑色区域为内容显示基准&＃xff08;可以省略&＃xff09;&＃xff0c;在没省略的情况下超过区域的文字显示不全。

7.关于动画&＃xff0c;有些drawable和animation有类似的功能&＃xff0c;有时需要2者配合

package test.view.weitop;public class AnimActivity extends BaseActivity {private View vline;private int width &＃61; 0;&＃64;Overrideprotected void onCreate(Bundle saveInstance) {super.onCreate(saveInstance);setContentView(R.layout.anim_layout);int w &＃61; getWindow().getWindowManager().getDefaultDisplay().getWidth();vline &＃61; findViewById(R.id.line);LayoutParams lp &＃61; vline.getLayoutParams();width &＃61; lp.width &＃61; w / 2&＃43; getResources().getDimensionPixelSize(R.dimen.common_1dip) / 2;vline.setLayoutParams(lp);vline.setTag("0");}public void doSwicth(View v) {switch (v.getId()) {case R.id.fade_anim_left: {if (!"0".equals(vline.getTag().toString())) {vline.setTag("0");TranslateAnimation ta &＃61; new TranslateAnimation(width, 0, 1, 1);ta.setDuration(200);ta.setFillBefore(true);vline.clearAnimation();vline.startAnimation(ta);}}break;case R.id.fade_anim_right:if (!"1".equals(vline.getTag().toString())) {vline.setTag("1");TranslateAnimation ta &＃61; new TranslateAnimation(0, width, 1, 1);ta.setDuration(200);ta.setFillBefore(true);ta.setFillAfter(true);vline.clearAnimation();vline.startAnimation(ta);}break;default:break;}}}