Graphics简单汇总

2024-08-31 23:58
文章标签 简单 汇总 graphics

本文主要是介绍Graphics简单汇总,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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"><Buttonandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:onClick="testTuPian"android:text="测试图片处理" /><Buttonandroid: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"><Buttonandroid:layout_width="match_parent"android:layout_height="wrap_content"android:onClick=<span style="color:#ff0000;">"testBD"</span>android:text="测试Bitmap" /><Buttonandroid:layout_width="match_parent"android:layout_height="wrap_content"android:onClick="<span style="color:#ff0000;">testMatrix</span>"android:text="测试图片的缩放等处理" /><Buttonandroid: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>"/><Buttonandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:text="使用Selector+Shape做的按钮"android:background="@drawable/shape_selector"/><TextViewandroid: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" ><Buttonandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:text="保存图片" android:onClick="saveImage"/><ImageViewandroid:id="@+id/iv_bitmap1"android:layout_width="fill_parent"android:layout_height="wrap_content" /><ImageViewandroid:id="@+id/iv_bitmap2"android:layout_width="fill_parent"android:layout_height="wrap_content" /><ImageViewandroid: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" ><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="50dip"android:orientation="horizontal" ><EditTextandroid:id="@+id/et_matrix_scale"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_weight="1.0"android:text="0.25" /><EditTextandroid:id="@+id/et_matrix_rotate"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_weight="1.0"android:text="30" /><EditTextandroid:id="@+id/et_matrix_translateX"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_weight="1.0"android:text="10" /><EditTextandroid:id="@+id/et_matrix_translateY"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_weight="1.0"android:text="10" /></LinearLayout><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="50dip"android:orientation="horizontal" ><Buttonandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_weight="1.0"android:onClick="scaleBitmap"android:text="缩放" /><Buttonandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_weight="1.0"android:onClick="rotateBitmap"android:text="旋转" /><Buttonandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_weight="1.0"android:onClick="translateBitmap"android:text="移动" /><Buttonandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_weight="1.0"android:onClick="clearMatrix"android:text="还原" /></LinearLayout><ImageViewandroid: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" /><!-- 边框 --><strokeandroid:dashGap="2dp"android:dashWidth="2dp"android:width="3dp"android:color="#FF7F00" /><sizeandroid:height="50dp"android:width="40dp" /><!-- 颜色 --><solid android:color="#FFD700"></solid><!-- 覆盖solid --><gradientandroid: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);}}
}




这篇关于Graphics简单汇总的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1125364

相关文章

linux重启命令有哪些? 7个实用的Linux系统重启命令汇总

《linux重启命令有哪些?7个实用的Linux系统重启命令汇总》Linux系统提供了多种重启命令,常用的包括shutdown-r、reboot、init6等,不同命令适用于不同场景,本文将详细... 在管理和维护 linux 服务器时,完成系统更新、故障排查或日常维护后,重启系统往往是必不可少的步骤。本文

基于Python实现一个简单的题库与在线考试系统

《基于Python实现一个简单的题库与在线考试系统》在当今信息化教育时代,在线学习与考试系统已成为教育技术领域的重要组成部分,本文就来介绍一下如何使用Python和PyQt5框架开发一个名为白泽题库系... 目录概述功能特点界面展示系统架构设计类结构图Excel题库填写格式模板题库题目填写格式表核心数据结构

Linux实现线程同步的多种方式汇总

《Linux实现线程同步的多种方式汇总》本文详细介绍了Linux下线程同步的多种方法,包括互斥锁、自旋锁、信号量以及它们的使用示例,通过这些同步机制,可以解决线程安全问题,防止资源竞争导致的错误,示例... 目录什么是线程同步?一、互斥锁(单人洗手间规则)适用场景:特点:二、条件变量(咖啡厅取餐系统)工作流

C/C++ chrono简单使用场景示例详解

《C/C++chrono简单使用场景示例详解》:本文主要介绍C/C++chrono简单使用场景示例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友... 目录chrono使用场景举例1 输出格式化字符串chrono使用场景China编程举例1 输出格式化字符串示

windows和Linux安装Jmeter与简单使用方式

《windows和Linux安装Jmeter与简单使用方式》:本文主要介绍windows和Linux安装Jmeter与简单使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录Windows和linux安装Jmeter与简单使用一、下载安装包二、JDK安装1.windows设

8种快速易用的Python Matplotlib数据可视化方法汇总(附源码)

《8种快速易用的PythonMatplotlib数据可视化方法汇总(附源码)》你是否曾经面对一堆复杂的数据,却不知道如何让它们变得直观易懂?别慌,Python的Matplotlib库是你数据可视化的... 目录引言1. 折线图(Line Plot)——趋势分析2. 柱状图(Bar Chart)——对比分析3

JAVA数组中五种常见排序方法整理汇总

《JAVA数组中五种常见排序方法整理汇总》本文给大家分享五种常用的Java数组排序方法整理,每种方法结合示例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录前言:法一:Arrays.sort()法二:冒泡排序法三:选择排序法四:反转排序法五:直接插入排序前言:几种常用的Java数组排序

防止SpringBoot程序崩溃的几种方式汇总

《防止SpringBoot程序崩溃的几种方式汇总》本文总结了8种防止SpringBoot程序崩溃的方法,包括全局异常处理、try-catch、断路器、资源限制、监控、优雅停机、健康检查和数据库连接池配... 目录1. 全局异常处理2. 使用 try-catch 捕获异常3. 使用断路器4. 设置最大内存和线

Android实现定时任务的几种方式汇总(附源码)

《Android实现定时任务的几种方式汇总(附源码)》在Android应用中,定时任务(ScheduledTask)的需求几乎无处不在:从定时刷新数据、定时备份、定时推送通知,到夜间静默下载、循环执行... 目录一、项目介绍1. 背景与意义二、相关基础知识与系统约束三、方案一:Handler.postDel

Pandas中统计汇总可视化函数plot()的使用

《Pandas中统计汇总可视化函数plot()的使用》Pandas提供了许多强大的数据处理和分析功能,其中plot()函数就是其可视化功能的一个重要组成部分,本文主要介绍了Pandas中统计汇总可视化... 目录一、plot()函数简介二、plot()函数的基本用法三、plot()函数的参数详解四、使用pl