Day_2021_3_2_DeakTest

本文介绍了一个自定义的 Android 图片视图组件 MyMatrix,通过该组件可以实现图片的位移、放大缩小、旋转及切变等矩阵变换效果。文章提供了完整的代码实现,并展示了如何通过按钮触发不同的变换效果。

matrix自定义类

package com.example.day_3_2_juzhentupian;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

import androidx.annotation.Nullable;

public class MyMatrix extends View {
    Matrix matrix;
    Paint paint;
    Bitmap bitmap;
    public MyMatrix(Context context) {
        super(context);
        init();
    }

    public MyMatrix(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }
    private void init(){
        matrix=new Matrix();
        paint=new Paint(Paint.ANTI_ALIAS_FLAG);
        bitmap= BitmapFactory.decodeResource(getResources(),R.mipmap.ic_launcher);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawBitmap(bitmap,matrix,paint);
    }
    public void tran(){
        matrix.reset();
        matrix.setTranslate(400,400);
        invalidate();
    }
    public void suofang(){
        matrix.reset();
        matrix.setScale(10, 10);
        invalidate();
    }
    public  void xuanzhuan(){
        matrix.reset();
        matrix.setRotate(40);
        invalidate();
    }
    public void skew() {
        matrix.reset();
        matrix.setSkew(10, 10);
        invalidate();
    }
}

main1页面

package com.example.day_3_2_juzhentupian;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private MyMatrix img;
    private Button translate;
    private Button scale;
    private Button rotate;
    private Button skew;
    private Button tiaozhuan;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        translate.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                img.tran();
            }
        });
        scale.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                img.suofang();
            }
        });
        rotate.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                img.xuanzhuan();
            }
        });
        skew.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                img.skew();
            }
        });
        tiaozhuan.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(MainActivity.this,Main2Activity.class);
                startActivity(intent);
            }
        });
    }

    private void initView() {
        img = (MyMatrix) findViewById(R.id.img);
        translate = (Button) findViewById(R.id.translate);
        scale = (Button) findViewById(R.id.scale);
        rotate = (Button) findViewById(R.id.rotate);
        skew = (Button) findViewById(R.id.skew);
        tiaozhuan = (Button) findViewById(R.id.tiaozhuan);
    }
}

main2页面

package com.example.day_3_2_juzhentupian;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

import com.bigkoo.pickerview.builder.OptionsPickerBuilder;
import com.bigkoo.pickerview.builder.TimePickerBuilder;
import com.bigkoo.pickerview.listener.OnOptionsSelectChangeListener;
import com.bigkoo.pickerview.listener.OnOptionsSelectListener;
import com.bigkoo.pickerview.listener.OnTimeSelectListener;
import com.bigkoo.pickerview.view.OptionsPickerView;
import com.bigkoo.pickerview.view.TimePickerView;
import com.contrarywind.view.WheelView;

import java.util.ArrayList;
import java.util.Date;
import java.util.List;

public class Main2Activity extends AppCompatActivity {

    private WheelView wheelView;
    private Button shijian;
    private Button sanji;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        initView();
        shijian.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                showTimePickerView();
            }
        });
        sanji.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                initOptionPicker();
            }
        });
    }

    private void initView() {
        wheelView = (WheelView) findViewById(R.id.wheel_view);
        shijian = (Button) findViewById(R.id.shijian);
        sanji = (Button) findViewById(R.id.sanji);
    }

    private void showTimePickerView() {
        TimePickerView pvTime = new TimePickerBuilder(Main2Activity.this, new OnTimeSelectListener() {
            @Override
            public void onTimeSelect(Date date, View v) {
                Toast.makeText(Main2Activity.this, date.toString(), Toast.LENGTH_SHORT).show();
            }
        }).build();
        pvTime.show();//显示时间选择器
    }
    private void initOptionPicker() {
        final List<String> options1Items = new ArrayList<>();
        options1Items.add("河南省");
        options1Items.add("河北省");
        options1Items.add("北京市");

        List<String> options2Items_01 = new ArrayList<>();
        options2Items_01.add("洛阳市");
        options2Items_01.add("郑州市");
        options2Items_01.add("新乡");
        options2Items_01.add("平顶山");
        List<String> options2Items_02 = new ArrayList<>();
        options2Items_02.add("唐山");
        options2Items_02.add("廊坊");
        options2Items_02.add("沧州");
        List<String> options2Items_03 = new ArrayList<>();
        options2Items_03.add("海淀区");
        options2Items_03.add("房山区");
        options2Items_03.add("密云区");
        options2Items_03.add("朝阳区");

        final List<List<String>> options2Items = new ArrayList<>();
        options2Items.add(options2Items_01);
        options2Items.add(options2Items_02);
        options2Items.add(options2Items_03);


        OptionsPickerView optionsPickerView = new OptionsPickerBuilder(this, new OnOptionsSelectListener() {
            @Override
            public void onOptionsSelect(int options1, int options2, int options3, View v) {
                String tx = options1Items.get(options1)
                        + options2Items.get(options1).get(options2);
                Toast.makeText(getBaseContext(), tx, Toast.LENGTH_SHORT).show();
            }
        })
                .setOptionsSelectChangeListener(new OnOptionsSelectChangeListener() {
                    @Override
                    public void onOptionsSelectChanged(int options1, int options2, int options3) {
                        String str = "options1: " + options1 + "\noptions2: " + options2 + "\noptions3: " + options3;
                        Toast.makeText(Main2Activity.this, str, Toast.LENGTH_SHORT).show();
                    }
                })
                .build();

        optionsPickerView.setPicker(options1Items, options2Items);
        optionsPickerView.show();
    }
}

相关布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    android:layout_height="match_parent"
    tools:context=".Main2Activity">
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/shijian"
        android:text="时间"
        />
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/sanji"
        android:text="三级联动"
        />
    <com.contrarywind.view.WheelView
        android:id="@+id/wheel_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>
<?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">

    <com.example.day_3_1_juzhentupian.MyMatrix
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/img"
        >

    </com.example.day_3_1_juzhentupian.MyMatrix>

    <LinearLayout
        android:layout_gravity="bottom"
        android:layout_width="match_parent"
        android:orientation="horizontal"
        android:layout_height="wrap_content">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="translate"
            android:layout_weight="1.0"
            android:id="@+id/translate" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="scale"
            android:layout_weight="1.0"
            android:id="@+id/scale" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="rotate"
            android:layout_weight="1.0"
            android:id="@+id/rotate" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="skew"
            android:layout_weight="1.0"
            android:id="@+id/skew" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="To Sec"
            android:layout_weight="1.0"
            android:id="@+id/tiaozhuan"
            />
    </LinearLayout>
</FrameLayout>

效果图片

在这里插入图片描述

在这里插入图片描述

效果分别为位移 放大 旋转 切分

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

作者jaaksi,源码pickerview,一个非常好用的 Android PickerView 库,内部提供 3 种常用类型的 Picker,支持扩展自定义 Picker:TimePicker:时间选择器,支持聚合模式的时间选择器(合并 v1.x 的 MixedTimePicker)OptionPicker:联动选择器效果图  APKDemo App下载连接PickerView READMEPicker通过组装 PickerView 实现常用的 Picker 选择器。上面已经列举提供的 3 中常用的 Picker。BasePickerPicker 基类:封装了 TopBar,PickerView 容器,create and add PickerView 方法,Picker 弹窗等方法。 三种 Picker 都继承自 BasePicker,你也可以继承它扩展自己的 Picker。APIapidescriptionsetPickerBackgroundColor设置 picker 背景setPadding设置 PickerView 父容器 padding 单位:pxsetTag给 Picker 设置 tag,用于区分不同的 picker 等。用法同 View setTaggetRootLayout获取 PickerView 的父容器,创建 DefaultTopBar 时必须指定setOnPickerChooseListener设置 picker 取消,确定按钮监听。可用于拦截选中操作setTopBar设置自定义 TopBarsetInterceptor设置拦截器createPickerView创建 PickerViewgetPickerViews获取 Picker 中所有的 pickerview 集合addPicker将创建的 PickerView 添加到上面集合中,createPickerView 内部已调用该方法findPickerViewByTag通过 tag 找到对应的 PickerViewisScrolling是否滚动未停止。滚动未停止的时候,不响应 Picker 的取消,确定按键getPickerDialog获取 Picker 弹窗。可以在 new 之后设置 dialog 属性show显示 picker 弹窗对比 github 上最受欢迎的同类库 Android-PickerView ,本库将 TopBar 等通用相关逻辑封装在基类中,并提供代码中创建 PickerView 方法,不需要再依赖 xml。用户自定义 Picker 时,继承 BasePicker,只需要处理自己的逻辑即可,简单便捷。 而对 Android-PickerView 来说,实现自定义 Picker,依然需要处理 TopBar 等逻辑,造成大量重复代码。TopBarTopBar:TopBar 通过抽象接口 ITopBar 来管理,实现 Picker 与 TopBar 的解耦。提供默认实现 DefaultTopBar。可实现接口定制自己的 TopBar。   public interface ITopBar {      /**       * @return topbar view       */      View getTopBarView();      /**       * @return 取消按钮 view       */      View getBtnCancel();      /**       * @return 确定按钮 view       */      View getBtnConfirm();      /**       * @return title view       */      TextView getTitleView();    }DefaultTopBar APIapidescriptionsetDividerColor设置 topbar bottom line colorsetDividerHeight设置 bottom divider line heightgetDivider获取 TopBar bottom linegetTitleView获取 TopBar title viewInterceptor拦截器:用于在 pickerview 创建时拦截,设置 pickerview 的属性。Picker 内部并不提供对 PickerView 的设置方法,而是通过 Interceptor 实现。这种设计用来实现 Picker 和 PickerView 的属性设置完美解耦。   private void init(){     mTimePicker.setInterceptor(new 
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值