Android初体验之撕衣服项目

一、准备工作

• start 一个新的安卓工程 --->选择Empty Activity----->给工程起一个名字叫tearcloth ------->选择Java语言-------->点击完成

Android 工程目录介绍

工程目录

• manifests: AndroidManifest.xml 清单文件 程序的配置文件：启动界面，风格，注册界面等。在程序中定义的所以四大组件都需要在这个文件里注册，另外还可以在这个文件中给应用程序添加权限声明。

• java目录是放置我们所有java代码的地方，第一个是子文件 后面两个是单元测试文件，其中AndroidTest是用来编写Android Test测试用例的，可以对项目进行一些自动化测试；test是用来编写Unit Test测试用例的，是对项目进行自动化测试的另一种方式。

• res： 这个目录下的内容就有点多了。简单点说，就是你在项目中使用到的所有图片，布局，字符串等资源都要存放在这个目录下。当然这个目录下还有很多子目录，图片放在drawable目录下，布局放在layout目录下，字符串放在values目录下，所以你不用担心会把整个res目录弄得乱糟糟的。

  • 以drawable开头的文件夹都是用来放图片的
  • 以mipmap开头的文件夹都是用来放应用图标的
  • 以values开头的文件夹都是用来放字符串、样式、颜色等配置
  • layout文件夹是用来放布局文件的

• Gradle： 工具文件 添加依赖

Activity的⽣生命周期

在日常应用中Activity是与用户交互的接口，它提供了一个用户完成相关操作的窗口。当我们在开发中创建Activity后，通过调用setContentView(View)方法来给该Activity指定一个布局界面，而这个界面就是提供给用户交互的接口。而生命周期就是管理一个界面从创建到运行到结束的整个过程。

Activity生命周期

• 启动 Activiy：onCreate => onStart() => onResume(), Activity 进入运行状态.
• Activity 退居后台 ( Home 或启动新 Activity ): onPause() => onStop().
• Activity 返回前台: onRestart() => onStart() => onResume(). Activity 后台期间内存不足情况下当再次启动会重新执行启动流程。
• 锁屏: onPause() => onStop().
• 解锁: onStart() => onResume().
• 点击home键 回到主界面 onPause()
• 使用返回键 返回主界面 onPause()=> onDestroy()

界面布局

XML界⾯布局

默认一个Activity对应一个xml配置文件，命名特点：activity_界面功能.xml，xml文件就是一个容器：可以存放很多UI控件

布局：这么多控件如何布局

1. 约束布局 ConstraintLayout
2. 线性布局 LinearLayout 垂直 水平
3. 相对布局 RelativeLayout
4. 帧布局 FrameLayout
5. 表格布局 tableLayout GridLayout
6. 绝对布局 AbsoluteLayout

• Design:拖拽控件,一个控件就是一个具体的类
• Text:进行XML配置
  • 控件的尺寸

1. match_parent 和父视图一样大
2. wrap_content 包裹内容 和控件内容一样大
3. 具体的大小 比如20dp

android:layout_width="match_parent"
 android:layout_height="match_parent"

• 将一个控件添加到一个容器中，控件就是这个容器的子视图，容器是这个控件的父视图

XML添加控件

FrameLayout(帧布局)

更改主题样式和图标等

      // 主题
//  注册界面
        
            
                
//  配置作为启动起来的死一个界面
                
            
        
    

使用Java代码创建

&esnp;使用Java代码块来布局界面，通过添加id号android:id="@+id/f1_main"

public void code(){
        // 通过代码布局界面
        // 1. 找一个容器
        FrameLayout container = findViewById(R.id.fl_main);


        // 3. 创建一个子视图
        // 创建ImageView显示图片
        ImageView backgroundImageView = new ImageView(this);
        // 设置属性
        backgroundImageView.setBackgroundColor(Color.GREEN);
        // 添加到容器里
        container.addView(backgroundImageView,container.getWidth(),container.getHeight());
// 2. 设置当前这个界面的内容视图为这个容器
        setContentView(container);

    }

注意：安卓推荐使用XML布局界面

• 如果添加的控件是静态的（变化的东西不多），选择XML创建
• 如果需要灵活地操作这个控件，选择代码创建

二、撕衣服项目

思路：使用透明色去替换原有图片的对应点的像素，利可获取替换之后的图片，将图片显示在ImageView上。

• 创建控件

// 背景图片
    
// 显示操作后图片
    

• MainActivity中配置界面
• 读取原图
• 创建副本
• 图片操作
• 添加触摸事件

public class MainActivity extends AppCompatActivity {

    ImageView forground;
    Bitmap orgBitmap;
    Bitmap copyBitmap;
    Canvas canvas;
    Paint paint;

    @Override//创建一个界面 界面如何布局
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);


        // 配置界面 容器在XML文件里面
        setContentView(R.layout.activity_main);

        // 找到容器里面的图片视图控件
        forground = findViewById(R.id.iv_forground);

        // 将需要操作的图片读取出来
        // BitmapFactory 用于管理位图
        // decodeResources()  从工程的资源路径中去生成一张图片
        // getResources()  获取工程的资源
        // R.drawable.p1   访问一张图片
        orgBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.p1);

        // 操作这张图片 用透明色去替换某个位置的颜色
        // 不能操作原图 只能拷贝一份copy
        // 创建一个副本
        // 创建一个和原始图片相同环境的空位图
        copyBitmap = Bitmap.createBitmap(orgBitmap.getWidth(),orgBitmap.getHeight(),orgBitmap.getConfig());

        // 创建一个Canvas 画布  --  现实中的画板
        canvas = new Canvas(copyBitmap);

        // 创建一个画笔
        paint = new Paint();

        // 创建一个矩阵
        Matrix matrix = new Matrix();

        // 旋转图片
        // matrix.setRotate(90,240,400);
        // 平移
        // matrix.setTranslate(500,0);
        // 翻转 set只作用一次
        // 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 v, 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 = -8; i < 0; i++) {
                        for (int j = -8;j < 0;j++){
                            copyBitmap.setPixel(x,y,Color.TRANSPARENT);
                        }
                    }

                    //canvas.drawBitmap(orgBitmap,new Matrix(),paint);

                    forground.setImageBitmap(copyBitmap);
                }
                return true;
            }
        });

}
    }

三、心得体会

  今天是正式进入Android开发的第一天，可能是因为第一天，今天讲的项目还有些地方不是很理解，项目本身也有一些BUG,不过有了界面之后，学习更有激情了！