黑马程序员安卓教程：微信画板案例之创建画板

黑马程序员安卓教程：微信画板案例之创建画板图片处理软件最常用的功能便是绘图功能了，在画布上自定义一个图画，然后保存该图画到本地。下 面我们将在 Android 中推动这个功能，编写一个画板并推动简单的手绘功能。具体方法如下：1． 新建工程【File】?【new】?【Android Application Project】命名为：11_微信画画板2． 编写布局按照需求设计布局页面，效果如图 1-1 所示：ImageView图 1-1 所示 图 1-1 对应的 xml 布局页面如例 1-1 所示： 例 1-1<RelativeLayoutxmlns:android="; xmlns:tools="; android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/iv"/> <LinearLayout android:layout_below="@+id/iv" android:layout_width="match_parent" android:orientation="horizontal" android:layout_height="match_parent"> <Button android:onClick="clickBrush" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="刷子"/> <Button android:onClick="clickRed" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="红色"/> <Button android:onClick="clickGreen" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="绿色"/> <Button android:onClick="clickSave" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="保存"/> </LinearLayout> </RelativeLayout>由例 1-1 可知：控件 ImageView 就是一个画板，我们可以在画板作画。

当点击刷子时，作画的笔触就 会变粗；当点击蓝色时，作画的笔触就是红色的；当点击蓝色时，作画的笔触就是绿色的。当点击保存时android 画图板， 便将绘画以后的照片保存本地。首先，我们必须推动的是画板的建立。3． 创建画板在 Activity 中创建画板，使该画板有一个默认的浅底色的背景。具体方法如下：? 导入画板背景图片 在工程资源文件“drawable_hdpi“下，植入一张背景图片。本例中是 background.jpgandroid 画图板，如图 1-2 所示：图 1-2 所示 ? 创建副本 已经导入背景图片到资源文件下，现在，我们必须做的就是创建这个资源文件副本的位图。代码如例 1-2 所示 例 1-2@Override protectedvoid onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); iv=(ImageView) findViewById(R.id. iv); //设置一个灰白色的背景，在这个背景上作画 srcBitmap = BitmapFactory.decodeResource(getResources(), R.drawable. background); //创建副本 copyBitmap=Bitmap.createBitmap(srcBitmap.getWidth(), srcBitmap.getHeight(), srcBitmap.getConfig()); canvas= new Canvas(copyBitmap); //创建画布 paint =new Paint(); //创建画布 paint.setColor(Color.BLACK); //画笔颜色 canvas.drawBitmap(srcBitmap, new Matrix(), paint); //部署副本到ImageView控件中 iv.setImageBitmap(copyBitmap); }运行程序，效果如图 1-3 所示图 1-3 所示 若在图 1-3 所示的画笔上创作，假设就画一条直线，此时我们可以调用 canvas.drawLine(10, 10, 80, 80, paint)方法。

调整代码例 1-2 如例 1-3 所示 例 1-3@Override protectedvoid onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); .......... //参数分别代表所画线段起点X轴坐标，起点Y轴坐标，终点X轴坐标，终点Y轴坐标，画笔paint canvas.drawLine(10, 10, 80, 80, paint); //部署副本到ImageView控件中 iv.setImageBitmap(copyBitmap); }运行程序效果如图 1-4 所示：图 1-4 所示 图 1-4 实现了简洁的描绘一条直线的效果。但是我们想要实现的是：拖动光标，自定义绘画而不是仅 仅绘制一条直线。在绘制该直线时，我们按照这条线段的始点坐标和终点坐标便能将其绘制成功。其实， 在描绘复杂的自定义图片时，其实质和绘制一条直线是一样的，都是根据像素点的坐标来绘制。不过，在 绘制直线时， 我们只应该了解开始点跟终止点。 在绘制复杂图片时， 我们必须了解该照片上所有点的坐标， 然后将这种坐标点连出来，最后组成一幅图片。

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-144635-1.html