安卓初体验之xml界面布局
可以使用两种方式界面布局
1.xml配置
image.png
2.使用Java代码创建
image.png
其实也就是可以进行控件拖拽和代码配置xml，在xml里面可以添加控件，控件就相当于一个视图，而且使用Java代码来布局界面的时候，是通过添加id号可以唯一标识某一个控件或者组件 就是l例如android：id="@+id/fl_main"
这里我们说到代码方式创建控件，就是这种
public void code(){ //通过代码来布局界面
//1.找一个容器 xxlayout
FrameLayout container =new FrameLayout(this);
//2.设置当前这个界面的内容视图为这个容器
setContentView(container);
//3.创建一个子视图
ImageView bgImageView=new ImageView(this);
//设置属性
bgImageView.setBackgroundColor(Color.GREEN);
//添加到容器里面
container.addView(bgImageView,container.getWidth(),container.getHeight());
}
我们可以实现擦拭图片的功能 思路就是使用透明色去替换原来图片的对应点的像素 并立刻获取替换之后的图片 并显示在ImageView
在MainActivity中配置界面
public class MainActivity extends AppCompatActivity {
ImageView forground;
Bitmap copyBitmap;
Bitmap orgBitmap;
Canvas canvas;
Paint paint;
Matrix matrix;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//配置界面
setContentView(R.layout.activity_main);
forground=findViewById(R.id.iv_forground);
//将需要操作的图片读取出来 Bitmap
//用于管理位图 BitmapFactory
//descodeResource 从工程的资源路径中去生成一张位图
orgBitmap= BitmapFactory.decodeResource(getResources(),R.drawable.fr);
//操作这张图片 用透明色去替换某个位置的颜色
//不能操作原图 只能copy一份
copyBitmap=Bitmap.createBitmap(orgBitmap.getWidth(),orgBitmap.getHeight(),orgBitmap.getConfig());
//创建一个Canvas 画布-现实中的画板
canvas=new Canvas(copyBitmap);
//创建一个画笔
paint =new Paint();
//创建一个矩阵
matrix = new Matrix();
//旋转图片
//matrix.setRotate(90,240,400);
//平移
//matrix.setTranslate(100,0);
//翻转 set 只作用一次 post作用多次
//matrix.setScale(-1f,1f);
//matrix.postTranslate(orgBitmap.getWidth(),0);
//画一幅图
canvas.drawBitmap(orgBitmap,matrix,paint);
//显示图片
forground.setImageBitmap(copyBitmap);
//给前景图片添加touch事件
//当有触摸事件发生 系统就会将这个事件接收并回调这个事件
forground.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent event) {
//获取当前事件
int action = event.getAction();
//判断状态
if(action ==MotionEvent.ACTION_MOVE){
//获取触摸点的坐标
int x=(int)event.getX();
int y=(int)event.getY();
//替换x，y对应的像素
for (int i=-20;i<20;i++){
for(int j=-20;j<20;j++){
copyBitmap.setPixel(x+i,y+j,Color.TRANSPARENT);
}
}
//copyBitmap.setPixel(x,y,Color.TRANSPARENT);
//canvas.drawBitmap(orgBitmap,new Matrix(),paint);
forground.setImageBitmap(copyBitmap);
}
return true;
}
});
}
public void code(){ //通过代码来布局界面
//1.找一个容器 xxlayout
FrameLayout container =new FrameLayout(this);
//2.设置当前这个界面的内容视图为这个容器
setContentView(container);
//3.创建一个子视图
ImageView bgImageView=new ImageView(this);
//设置属性
bgImageView.setBackgroundColor(Color.GREEN);
//添加到容器里面
container.addView(bgImageView,container.getWidth(),container.getHeight());
}
}
在xml中创建控件
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:id="@+id/fl_main">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/bg"
/>
<ImageView
android:id="@+id/iv_forground"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</FrameLayout>
