Graphics简单汇总
来源:互联网 发布:港台频道直播软件 编辑:程序博客网 时间:2024/06/06 19:12
1、主页面布局文件
activity_main.xml(只有2个button按钮)
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:onClick="testTuPian" android:text="测试图片处理" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:onClick="testDraw" android:text="测试绘制图形" /></LinearLayout>
MainActivity.java(启动2个button)
package com.atguigu.l11_graphics;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.View;public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);}public void testTuPian(View view) {startActivity(new Intent(this, TuPianTestActivity.class));}public void testDraw(View view) {startActivity(new Intent(this, DrawTestActivity.class));}}
2、startActivity(new Intent(this, TuPianTestActivity.class));启动的界面
上图布局文件如下
activity_tupian_test.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:onClick=<span style="color:#ff0000;">"testBD"</span> android:text="测试Bitmap" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:onClick="<span style="color:#ff0000;">testMatrix</span>" android:text="测试图片的缩放等处理" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="使用Shape做的按钮" android:background="@drawable/shape_test"/> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:background="@drawable/image_selector" android:onClick="<span style="color:#ff0000;">clickIV</span>"/> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="使用Selector+Shape做的按钮" android:background="@drawable/shape_selector"/> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@drawable/test2" android:text="A NinePatchDrawable graphic is a stretchable bitmap image, which Android will automatically resize to accommodate the contents of the View in which you have placed it as the background. A NinePatch drawable is a standard PNG image that includes an extra" /></LinearLayout>TuPianTestActivity.java
package com.atguigu.l11_graphics;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.View;import android.widget.Toast;/* * 测试操作图片的Activity */public class TuPianTestActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_tupian_test);}public void<span style="color:#ff0000;"> testBD</span>(View v) {startActivity(new Intent(this, BitmapTestActivity.class));}public void <span style="color:#ff0000;">testMatrix</span>(View v) {startActivity(new Intent(this, MatrixTestActivity.class));}public void <span style="color:#ff0000;">clickIV</span>(View v) {Toast.makeText(this, "点击了selector", 0).show();}}
3、将上图分开来看(从上到下依次展示布局文件或者代码)
3-1、activity_bitmap.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="保存图片" android:onClick="saveImage"/> <ImageView android:id="@+id/iv_bitmap1" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <ImageView android:id="@+id/iv_bitmap2" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <ImageView android:id="@+id/iv_bitmap3" android:layout_width="fill_parent" android:layout_height="wrap_content" /></LinearLayout>
BitmapTestActivity.java
package com.atguigu.l11_graphics;import java.io.FileNotFoundException;import android.app.Activity;import android.content.Context;import android.graphics.Bitmap;import android.graphics.Bitmap.CompressFormat;import android.graphics.BitmapFactory;import android.os.Bundle;import android.view.View;import android.widget.ImageView;/* Bitmap: 加载一张图片数据到内存中, 都可以封装成一个Bitmap对象 需求3: 将一个bitmap对象保存到存储空间中 */public class BitmapTestActivity extends Activity {private ImageView iv_bitmap1;private ImageView iv_bitmap2;private ImageView iv_bitmap3;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_bitmap);iv_bitmap1 = (ImageView) findViewById(R.id.iv_bitmap1);iv_bitmap2 = (ImageView) findViewById(R.id.iv_bitmap2);iv_bitmap3 = (ImageView) findViewById(R.id.iv_bitmap3);//1: 加载资源文件中的图片资源并显示iv_bitmap1.setImageResource(R.drawable.ic_launcher);//2: 使用bitmapfactory做--加载资源图片Bitmap bitmap = BitmapFactory.decodeResource(getResources(),R.drawable.ic_launcher);iv_bitmap2.setImageBitmap(bitmap);//加载存储空间的图片Bitmap bitmap2 = BitmapFactory.decodeFile("/storage/sdcard/atguigu.png");iv_bitmap3.setImageBitmap(bitmap2);}/** * 讲bitmap对象保存到存储空间去 */data/data/包名/files/save.png */public void saveImage(View v) {Bitmap bitmap = BitmapFactory.decodeFile("/storage/sdcard/atguigu.png");try {bitmap.compress(CompressFormat.PNG, 100,openFileOutput("save.png", Context.MODE_PRIVATE));} catch (FileNotFoundException e) {e.printStackTrace();}}}
3-2、activity_matrix.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <LinearLayout android:layout_width="fill_parent" android:layout_height="50dip" android:orientation="horizontal" > <EditText android:id="@+id/et_matrix_scale" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" android:text="0.25" /> <EditText android:id="@+id/et_matrix_rotate" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" android:text="30" /> <EditText android:id="@+id/et_matrix_translateX" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" android:text="10" /> <EditText android:id="@+id/et_matrix_translateY" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" android:text="10" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="50dip" android:orientation="horizontal" > <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" android:onClick="scaleBitmap" android:text="缩放" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" android:onClick="rotateBitmap" android:text="旋转" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" android:onClick="translateBitmap" android:text="移动" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" android:onClick="clearMatrix" android:text="还原" /> </LinearLayout> <ImageView android:id="@+id/iv_matrix_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" android:scaleType="matrix"/></LinearLayout>
MatrixTestActivity.java
package com.atguigu.l11_graphics;import android.app.Activity;import android.graphics.Matrix;import android.os.Bundle;import android.view.View;import android.widget.EditText;import android.widget.ImageView;/* Matrix ,中文里叫矩阵,高等数学里有介绍,在图像处理方面,主要是用于平面的缩放、平移、旋转等操作 */public class MatrixTestActivity extends Activity {private EditText et_matrix_scale;private EditText et_matrix_rotate;private EditText et_matrix_translateX;private EditText et_matrix_translateY;private ImageView iv_matrix_icon;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_matrix);et_matrix_scale = (EditText) findViewById(R.id.et_matrix_scale);et_matrix_rotate = (EditText) findViewById(R.id.et_matrix_rotate);et_matrix_translateX = (EditText) findViewById(R.id.et_matrix_translateX);et_matrix_translateY = (EditText) findViewById(R.id.et_matrix_translateY);iv_matrix_icon = (ImageView) findViewById(R.id.iv_matrix_icon);}/** * 缩放图片 */Matrix matrix = new Matrix();public void scaleBitmap(View view) {// 得到缩放比例--float类型float sacle = Float.parseFloat(et_matrix_scale.getText().toString());// 对缩放图片对象设置xy轴缩放比例matrix.postScale(sacle, sacle);iv_matrix_icon.setImageMatrix(matrix);}/** * 旋转图片 */public void rotateBitmap(View view) {float degrees = Float.parseFloat(et_matrix_rotate.getText().toString());matrix.postRotate(degrees);iv_matrix_icon.setImageMatrix(matrix);}/** * 移动图片 */public void translateBitmap(View view) {float dx = Float.parseFloat(et_matrix_translateX.getText().toString());float dy = Float.parseFloat(et_matrix_translateY.getText().toString());matrix.postTranslate(dx, dy);iv_matrix_icon.setImageMatrix(matrix);}/** * 还原操作 */public void clearMatrix(View view) {//清除数据matrix.reset();iv_matrix_icon.setImageMatrix(matrix);}}
MatrixTestActivity.java
package com.atguigu.l11_graphics;import android.app.Activity;import android.graphics.Matrix;import android.os.Bundle;import android.view.View;import android.widget.EditText;import android.widget.ImageView;/* Matrix ,中文里叫矩阵,高等数学里有介绍,在图像处理方面,主要是用于平面的缩放、平移、旋转等操作 */public class MatrixTestActivity extends Activity {private EditText et_matrix_scale;private EditText et_matrix_rotate;private EditText et_matrix_translateX;private EditText et_matrix_translateY;private ImageView iv_matrix_icon;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_matrix);et_matrix_scale = (EditText) findViewById(R.id.et_matrix_scale);et_matrix_rotate = (EditText) findViewById(R.id.et_matrix_rotate);et_matrix_translateX = (EditText) findViewById(R.id.et_matrix_translateX);et_matrix_translateY = (EditText) findViewById(R.id.et_matrix_translateY);iv_matrix_icon = (ImageView) findViewById(R.id.iv_matrix_icon);}/** * 缩放图片 */Matrix matrix = new Matrix();public void scaleBitmap(View view) {// 得到缩放比例--float类型float sacle = Float.parseFloat(et_matrix_scale.getText().toString());// 对缩放图片对象设置xy轴缩放比例matrix.postScale(sacle, sacle);iv_matrix_icon.setImageMatrix(matrix);}/** * 旋转图片 */public void rotateBitmap(View view) {float degrees = Float.parseFloat(et_matrix_rotate.getText().toString());matrix.postRotate(degrees);iv_matrix_icon.setImageMatrix(matrix);}/** * 移动图片 */public void translateBitmap(View view) {float dx = Float.parseFloat(et_matrix_translateX.getText().toString());float dy = Float.parseFloat(et_matrix_translateY.getText().toString());matrix.postTranslate(dx, dy);iv_matrix_icon.setImageMatrix(matrix);}/** * 还原操作 */public void clearMatrix(View view) {//清除数据matrix.reset();iv_matrix_icon.setImageMatrix(matrix);}}3-3、
shape_test.xml
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 半径大小 --> <corners android:radius="10dp" /> <!-- 边框 --> <stroke android:dashGap="2dp" android:dashWidth="2dp" android:width="3dp" android:color="#FF7F00" /> <size android:height="50dp" android:width="40dp" /><!-- 颜色 --> <solid android:color="#FFD700"></solid> <!-- 覆盖solid --> <gradient android:startColor="#ffffff" android:centerColor="#EE4000" android:endColor="#ffffff" android:angle="90"/></shape>
3-4、
image_selector.xml
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 特别的状态放在前面 --><item android:drawable="@drawable/main_index_search_pressed" android:state_pressed="true"/> <item android:drawable="@drawable/main_index_search_normal"/></selector>
3-5、
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_pressed="true"> <shape> <corners android:radius="4dp"></corners> <stroke android:width="2dp" android:color="#EEAD0E" android:dashWidth="4dp" android:dashGap="2dp"></stroke> <size android:height="40dp"></size> <gradient android:startColor="#ffffff" android:centerColor="#ffffff" android:endColor="#E0FFFF"/> </shape> </item> <item> <shape> <corners android:radius="2dp"></corners> <stroke android:width="2dp" android:color="#EE7AE9"></stroke> <size android:height="40dp"></size> <solid android:color="#E0FFFF"></solid> </shape> </item></selector>
3-6、(9patch图片)
4、startActivity(new Intent(this, DrawTestActivity.class));启动下面图片
DrawTestActivity.java
package com.atguigu.l11_graphics;import android.app.Activity;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.drawable.ShapeDrawable;import android.graphics.drawable.shapes.OvalShape;import android.os.Bundle;import android.view.View;public class DrawTestActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 显示自定义视图setContentView(new MyView(this));}/** * 自定义myview视图 */private class MyView extends View {//成员变量---可画的图形对象private ShapeDrawable shapeDrawable;public MyView(Context context) {super(context);// 初始化一个图形对象---参数是椭圆shapeDrawable = new ShapeDrawable(new OvalShape());// 通过椭圆得到画笔,通过画笔设置颜色shapeDrawable.getPaint().setColor(Color.RED);// 指定位置left top right bottomshapeDrawable.setBounds(10, 10, 200, 100);}// 显示界面视图效果 画布@Overrideprotected void onDraw(Canvas canvas) {//设置画布的颜色canvas.drawColor(Color.GREEN);// 将图像画到画布上shapeDrawable.draw(canvas);//指定画笔Paint paint = new Paint();//通过画笔设置颜色paint.setColor(Color.BLUE);//设置字体大小paint.setTextSize(30);//设置平滑度paint.setAntiAlias(true);//在画布上写上字体canvas.drawText("你好", 10, 200, paint);}}}
0 0
- Graphics简单汇总
- android graphics system学习资料汇总
- graphics
- Graphics
- Graphics
- Graphics
- graphics
- graphics
- Graphics
- Graphics
- Graphics
- Graphics
- Graphics
- Graphics
- Graphics
- Android之Graphics 简单绘制几何图形
- Android之Graphics 简单绘制几何图形
- Qt Graphics View Framework(1)---简单使用
- UVA - 1612(贪心类+精确度处理)
- 使用SecureCRT连接ubuntu
- 工作遇到相关问题查阅
- Asp.net MVC4入门遇到的问题___2015/1/29
- Android基础笔记(七)-页面跳转和数据传递
- Graphics简单汇总
- Idea 项目跑步起来的几个错误问题.
- C++中的RTTI(转)
- 开运算与闭运算
- android studio安装
- hpuoj 1287 HH实习
- c3p0、dbcp和proxool比较
- poj 2553 The Bottom of a Graph
- Android ListView 常见问题与使用总结