关闭

【Android】利用自定义View的重绘实现拖动移动,获取组件的尺寸

标签: 触摸移动canvas安卓app
2184人阅读 评论(0) 收藏 举报
分类:

下面利用一个app来说明如何利用自定义View的重绘实现拖动移动,获取组件的尺寸。

如下图,触摸拖动,或者轻轻点击屏幕都能移动图片。如果碰到文字,则会弹出提示。


这里是利用自定义View的重绘来实现的。就是点击屏幕一次,这个自定义View就会重绘一次。虽然这个自定义View里面就只有一个图片。

1、首先在res\values\strings.xml中定义各个字体文件,修改之后如下:

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">拖动移动</string>
    <string name="action_settings">Settings</string>
    <string name="textView1">触摸白色屏幕任意位置能移动图片</string>

</resources>
2、之后修改MainActivity.java的布局文件res\layout\activity_main.xml,在帧布局中里面就放置一个TextView,这个TextView偏离头部100sp,给个id,在MainActivity.java会通过Java代码,获取其在设备的绝对尺寸与位置。不同设备对于sp的解析是不同的。而自定义View,ImageLayout,一会儿通过代码生成。无须在这里布置。

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/frameLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="100sp"
        android:text="@string/textView1"
        android:textSize="24sp" />

</FrameLayout>
3、如同《【Android】自定义View、画布Canvas与画笔Paint》(点击打开链接)一样,自定义一个自定义View,ImageLayout。在src新建ImageLayout.java之后,修改其代码如下,初始化画笔,与图像文件,图像文件资源指定为自带的app图标。定义一个可被其它类、方法操作的x,y,在onDraw方法中,根据这个x,y绘制这个图像。

最后同时要回收上次绘制出来的图像。

package com.touch_move;

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

public class ImageLayout extends View {
	public float x;
	public float y;
	private Paint paint;
	public Bitmap bitmap;

	public ImageLayout(Context context) {
		super(context);
		paint = new Paint();
		bitmap = BitmapFactory.decodeResource(this.getResources(),
				R.drawable.ic_launcher);
	}

	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		canvas.drawBitmap(bitmap, x, y, paint);
		if (bitmap.isRecycled()) {
			bitmap.recycle();
		}
	}

}
4、之后是对MainActivity.java的方法修改,这个方法分为三部分,第一部分是注册各个组件与添加事件,没什么好说的,第二部分是自定义布局ImageLayout的触摸监听器的实现,最后是获取各个组件的尺寸,不可以在onCreate方法中获取组件尺寸,这是安卓的机制所决定了,那时候组件还没有完全生成,获取到尺寸将会是0。

注意获取组件的时候,获取的是自定义布局中的图片ImageLayout.bitmap的尺寸,而不是自定义布局ImageLayout,自定义布局是覆盖整个帧布局,因此你在app中,点击任意白色位置,其触摸事件都生效。

在实现触摸事件中,由于默认是把触摸点为左上角,绘制头像的,因此要作图片尺寸的编译,使图片的中央生成在光标的点击处。

触摸事件的返回值记得是false,否则这个触摸事件会返回两次。

package com.touch_move;

import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.FrameLayout;
import android.widget.TextView;
import android.widget.Toast;
import android.app.Activity;

public class MainActivity extends Activity implements OnTouchListener {
	private FrameLayout frameLayout1;
	private TextView textView1;
	private ImageLayout imageLayout;
	private int textView1Left;
	private int textView1Top;
	private int textView1Width;
	private int textView1Height;
	private int bitmapWidth;
	private int bitmapHeight;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		frameLayout1 = (FrameLayout) findViewById(R.id.frameLayout1);
		textView1 = (TextView) findViewById(R.id.textView1);
		imageLayout = new ImageLayout(this);
		imageLayout.setOnTouchListener(this);
		frameLayout1.addView(imageLayout);
	}

	@Override
	public boolean onTouch(View view, MotionEvent motionEvent) {

		imageLayout.x = motionEvent.getX() - bitmapWidth / 2;
		imageLayout.y = motionEvent.getY() - bitmapHeight / 2;
		imageLayout.invalidate();
		if ((textView1Left < motionEvent.getX())
				&& (motionEvent.getX() < (textView1Left + textView1Width))
				&& (textView1Top < motionEvent.getY())
				&& (motionEvent.getY() < (textView1Top + textView1Height))

		) {
			Toast.makeText(this, "图片与文字撞在一起了……", Toast.LENGTH_SHORT).show();

		}

		return false;
	}

	@Override
	public void onWindowFocusChanged(boolean hasFocus) {
		super.onWindowFocusChanged(hasFocus);
		bitmapWidth = imageLayout.bitmap.getWidth();
		bitmapHeight = imageLayout.bitmap.getHeight();
		textView1Left = textView1.getLeft();
		textView1Top = textView1.getTop();
		textView1Width = textView1.getWidth();
		textView1Height = textView1.getHeight();
	}

}
使用imageLayout.invalidate();方法能够重新执行自定义布局类的ImageLayout.java的所有方法,也就是把这个自定义布局重绘了一次。从而实现这个组件的移动。

1
0
查看评论

【Android】自定义view-拖动小球移动

Android应用界面中可以看得见的都是由一个个的View所组成的,几乎所有的可视的控件都是基于View写的。在View中提供了对touch也就是手势的捕获和传递,我们可以对View里面手势的重写来达到我们所需要的特性。比如说我们现在要做一款游戏,内容很简单,就是要实现让如图所示的一个黑色的小球在根...
  • leilba
  • leilba
  • 2015-08-22 09:11
  • 2875

Android 自定义View:实现View的滑动效果

讲解了View的触摸事件,已经实现View滑动的7种方式
  • MR_D_j
  • MR_D_j
  • 2016-04-24 20:08
  • 6419

利用重写onTouchEvent方法实现view随手指移动效果

view随手指移动的多种实现方法
  • h55l55
  • h55l55
  • 2016-03-13 12:00
  • 3527

Android拖动控件的实现,自定义可拖动的LinearLayout

工作内容; 1.拖动控件 2.自定义可拖动的LinearLayout 学习分享: 一、拖动控件的实现步骤: 【前提:控件在RelativeLayout中,或者在GridLayout中】 1.按下图搞懂几个坐标 视图宽度 view.getWidth(); 视图高度 view.getHeight()&...
  • yingtian648
  • yingtian648
  • 2016-10-07 18:31
  • 4900

Android 自定义 View 的重绘和更新使用

对于新手来说,自定义 View 是一种很让人头疼的实现。自定义过程网上已经很多 demo 了。主要还是让自定义 View 继承自 View 类,然后重写他的onMeasure() 、onDraw()、和 onLayout()方法。在 onMeasure()方法中测量出自定义控件的宽和高并且...
  • chu_cheng
  • chu_cheng
  • 2017-05-27 00:20
  • 2364

android控件拖动,移动、解决父布局重绘时控件回到原点

这是主要代码: 保证其params发生改变,相对于父布局的位置就能达到位置移动到原来的位置 // 每次移动都要设置其layout,不然由于父布局可能嵌套listview,当父布局发生改变冲毁(如下拉刷新时)则移动的view会回到原来的位置 RelativeLayout.LayoutParam...
  • zhongwn
  • zhongwn
  • 2016-01-14 19:52
  • 4100

Android从基础做起——自定义View(随手移动的小球)

在这个浮躁的环境下,我一定要做好自己。 在我们自定义View时,我们需要先重写View中的构造方法。 public class DrawView extends View { private float currentX = 30 ; private float currentY = 40...
  • u012706758
  • u012706758
  • 2014-12-10 16:29
  • 1661

自定义View(重绘)

这里的定义View是创建全新的View下面有2个实例1.带弧形的 (1)重写onMeasure(),获得View的长和高 (2)根据获得的长和高来画图1.ArcView.javapackage com.example.day0113.ui.view;import android.R.color;...
  • u010542146
  • u010542146
  • 2016-02-19 14:31
  • 992

Android最简单的实现View拖拽跟随手指移动效果

今天想实现这个功能,但是网上搜索代码,都是利用setPadding,setMargin 等方法去实现的,这在Android 4.0 以前是没问题的,但是,Android 4.0 后系统已经提供了更简单的方法给我们用了,就是setTranslationX() 和setTranslationY() 。这...
  • wei1583812
  • wei1583812
  • 2017-08-21 12:36
  • 1162

自定义View之尺寸的转化

自定义View之尺寸的转化  在Android的布局文件中,往往使用dp作为控件的宽度和高度尺寸,但是在Java代码中,文字大小或者组件尺寸的单位却是像素px,这两个单位有明显的区别:dp和屏幕的密度有关,而px,sp与屏幕密度无关,所以使用时经常会涉及到两者之间的互相转化 :dpi转px p...
  • qq_26971803
  • qq_26971803
  • 2016-07-21 23:03
  • 688
    个人资料
    • 访问:1969413次
    • 积分:26016
    • 等级:
    • 排名:第273名
    • 原创:751篇
    • 转载:0篇
    • 译文:0篇
    • 评论:379条
    文章分类
    【备注】博文GIF动画的录制方法
    先用屏幕录制软件Freez Screen Video Capture录制屏幕,再把得到的AVI,利用GIF Movie Gear转化成GIF
    【友情链接】亲笔小说