安卓开发之ImageView控件绘图和自动适应到所有屏幕算法

时间：2022-06-04 01:12:34

这个实例可以有效的解决在同一个界面即画图又要显示控件的问题。


1、XML中添加图片控件

mapping.XML

PS：主框架中引入布局时，设置好高度

<ImageView
        android:id="@+id/iv"
        android:scaleType="fitXY"//使图片填充到整个控件
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
注：

scaleType=“matrix”

是保持原图大小、从左上角的点开始，以矩阵形式绘图。

scaleType=“fitXY”

是将原图进行横方向（即XY方向）的拉伸后绘制的。

scaleType=“fitStart”

是将原图沿左上角的点（即matrix方式绘图开始的点），按比例缩放原图绘制而成的。

scaleType=“fitCenter”

是将原图沿上方居中的点（即matrix方式绘图第一行的居中的点），按比例缩放原图绘制而成的。

scaleType=“fitEnd” 

是将原图沿下方居中的点（即matrix方式绘图最后一行的居中的点），按比例缩放原图绘制而成的。

scaleType=“Center”  

是保持原图大小，以原图的几何中心点和ImagView的几何中心点为基准，只绘制ImagView大小的图像。

scaleType=“centerCrop” 

不保持原图大小，以原图的几何中心点和ImagView的几何中心点为基准，只绘制ImagView大小的图像（以填满
ImagView为目标，对原图进行裁剪）。

scaleType=“centerInside” 

不保持原图大小，以原图的几何中心点和ImagView的几何中心点为基准，只绘制ImagView大小的图像（以显示
完整图片为目标，对原图进行缩放）。



2、代码部分：extends LinearLayout 

private ImageView iv;
private Bitmap baseBitmap;
private Canvas canvas;
private Paint paint;
private int mapp_height;
private int mapp_width;
private int x1,y1,x2,y2;



public Mapp(Context context,AttributeSet attrs)
{
super(context,attrs);
LayoutInflater.from(context).inflate(R.layout.mapping, this);


final DisplayMetrics dm = new DisplayMetrics();
((Activity) getContext()).getWindowManager().getDefaultDisplay().getMetrics(dm);
mapp_height =600;//高度获取自己找，暂时没有解决
        mapp_width = dm.widthPixels;//屏幕宽度
iv = (ImageView)findViewById(R.id.iv);
// 创建一张空白图片
                baseBitmap = Bitmap.createBitmap(600,mapp_width, Bitmap.Config.ARGB_8888);

// 创建一张画布
                canvas = new Canvas(baseBitmap);

mapp();
}


public void mapp()
{
// 画布背景为黑色
        canvas.drawColor(Color.BLACK);
        // 创建画笔
        paint = new Paint();
        // 画笔颜色为灰色
        paint.setColor(Color.GRAY);
        // 宽度3个像素
        paint.setStrokeWidth(3);
        // 先将黑色背景画上
        canvas.drawBitmap(baseBitmap, new Matrix(), paint);           
        iv.setImageBitmap(baseBitmap);
        paint.setTextSize((int)(8*mapp_width/320));//字体大小自动适应(320分辨率用8号字体)


        x1 = (int)(mapp_width / 10);
        y1 = (int)(mapp_height / 10);
        x2 = mapp_width - (int)(mapp_width / 20);
        y2 = mapp_height - (int)(mapp_height / 20);
        canvas.drawLine(x1, y1, x2, y1, paint);
        canvas.drawLine(x1, y1, x1, y2, paint);
        canvas.drawLine(x1, y2, x2, y2, paint);
        canvas.drawLine(x2, y1, x2, y2, paint);

        canvas.drawText("第一条", x1/4, y1, paint);
}

绘制一个空心矩形，简单的字体和绘图自动适应。 

 

 

3、添加权限： 

 

 

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
 

iv.setImageResource(R.drawable.mepp2);//添加背景图片，不变形
 

原理上是在图片控件上绘图，绘图区域和图片控件的大小相关，可以随意设置。
 

而单纯的绘图会占据整个屏幕，有些界面开发需要控件和绘图共同显示，使用上述方法就了很好的解决问题。
 

PS：此方法有取巧之嫌，最好还是使用自定义控件后重写OnDraw()绘图，后面会讲到。
 


 

标签：
相关文章