Android之图形的移动

目的

在Android里面实现将一个图形可以任意的移动到任何位置

要实现的基本功能

手指点到屏幕的哪,图形的中心就跟到哪

具体实现

1.在xml文件里重写,删掉TextView,写View,设置图形的id,宽和高,还有颜色

  <?xml version="1.0" encoding="utf-8"?>
  <RelativeLayout 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/root">

<View
    android:id="@+id/view"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:background="#9999"
    android:tag="1"/>

  </RelativeLayout>

2.在MainActivity里重写onCreate方法

  View redView;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    //通过id找到控件
    redView=findViewById(R.id.view);
}

3.重写onTouchEvent方法

@Override
public boolean onTouchEvent(MotionEvent event) {
    //获取事件对应的类型
    int action=event.getAction();
    //获取屏幕的大小
    Point p=new Point();
    //通过getSize方法得到屏幕的大小
    getWindowManager().getDefaultDisplay().getSize(p);
    RelativeLayout rl=findViewById(R.id.root);
    float padding = p.y - rl.getHeight();
    if (action==MotionEvent.ACTION_DOWN){
        //按下
        //获取触摸点的坐标
        float x=event.getX();
        float y=event.getY()-padding;
        //改变控件的位置
        redView.setX(x-(int)(redView.getWidth()*0.5));
        redView.setY(y-(int)(redView.getHeight()*0.5));
    }else if (action==MotionEvent.ACTION_MOVE){
        //滑动
        //按下
        //获取触摸点的坐标
        float x=event.getX();
        float y=event.getY()-padding;
        //改变控件的位置
        redView.setX(x-(int)(redView.getWidth()*0.5));
        redView.setY(y-(int)(redView.getHeight()*0.5));
    }else if (action==MotionEvent.ACTION_UP){
        //离开屏幕
    }else{

    }
    return true;
}

还可以通过重写onTouch方法实现颜色的变化

@Override
public boolean onTouchEvent(MotionEvent event) {
    //改变控件的颜色
    //redView.setBackgroundColor(Color.BLACK);
    RelativeLayout rl=findViewById(R.id.root);
    //通过tag值查找父容器下面的子控件
    View iv=rl.findViewWithTag("1");
    iv.setBackgroundColor(Color.BLACK);
    return true;
}
小结

虽然是一个小Demo,但是从中我能学到很多东西,比如说用getSize方法获取屏幕的大小,运行之后发现问题,因为没有减去状态栏的高度所以导致位置不正确,知道了按下时ACTION_DOWN,滑动是ACTION_MOVE等等,小小的知识点往往是一项大工程的某部分不可或缺的零件。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 吴晓波,《十点读书》创始人林少都推荐的职场学习方法 在职场还迷茫,还没方法...
    职了一场阅读 281评论 0 2
  • 健康管理学与健康管理师 ———人群健康领域的一个新学科、卫生行业的新职业 王培玉,刘爱萍 (北京大学公共卫生学院社...
    知青小店阅读 702评论 0 0
  • 大汉缔造者——刘邦Ⅱ 不讲历史,只说故事,大家好,我是讲故事的吕秀才。 刘邦没有听他的命令擅自进兵,那非常生气的...
    探心猫家庭教育阅读 261评论 0 0
  • 灵光闪现:1,班级孩子的成长历程照片需要存储到或者云盘里,嗯,我还有云盘 2,阅读
    Lulu_wei阅读 179评论 0 0
  • 许久了 我们没有联系 在匆匆的年岁里 我们相遇又别离 曾经我是茫茫人海里很普通的一颗星 是你 在拥挤人群里把我拾起...
    iRen山山而川阅读 235评论 0 1