Android自定义View控件,实现拖动和位置调换

2024-05-30 01:08

本文主要是介绍Android自定义View控件,实现拖动和位置调换,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

自定义MediaView控件继承View,实现拖动位置调用功能

重写draw方法和touch方法

package com.example.media;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.os.Build;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import androidx.annotation.Nullable;
import androidx.annotation.RequiresApi;public class MediaView extends View {private float startX;private float endX;private float moveStartX;private float moveX;private float offsetX = 0;private float item0Left = 140.0f;private float item0Top = 20.0f;private float item1Left = 10.0f;private float item1Top = 60.0f;private float item2Left = 350.0f;private float item2Top = 60.0f;private Bitmap bitmap;//342private Bitmap bitmapLeftChild;//268private Bitmap bitmapRightChild;//268private float bitmapWidth = 342.0f;private float bitmapHeight = 342.0f;private Matrix matrix = null;private float fScale = 1.0f;private float item0Position = 140.0f;private float item1Position = 10.0f;private float item2Position = 350.0f;private int itemPosition = 0;private Paint mPaint = new Paint();public MediaView(Context context) {super(context);init();}public MediaView(Context context, @Nullable AttributeSet attrs) {super(context, attrs);init();}public MediaView(Context context, @Nullable AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);init();}@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)public MediaView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {super(context, attrs, defStyleAttr, defStyleRes);}public void init() {Log.d("init:", "init view");// 获取显示图片bitmap = BitmapFactory.decodeResource(this.getContext().getResources(), R.drawable.icon_bg);bitmapLeftChild = BitmapFactory.decodeResource(this.getContext().getResources(), R.drawable.icon_child_bg);bitmapRightChild = BitmapFactory.decodeResource(this.getContext().getResources(), R.drawable.icon_child_bg);}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);// get paddingint paddingLeft = getPaddingLeft();int paddingRight = getPaddingRight();int paddingTop = getPaddingTop();int paddingBottom = getPaddingBottom();// get view widthint width = getWidth() - paddingLeft - paddingRight;// get view heightint height = getHeight() - paddingTop - paddingBottom;// 绘制View,左上角坐标(0+paddingLeft,0+paddingTop),右下角坐标(width+paddingLeft,height+paddingTop)//canvas.drawRect(0 + paddingLeft,0 + paddingTop,width + paddingLeft,height + paddingTop, mPaint);// layer 123if (offsetX < 0) {switch (itemPosition) {case 0:canvas.drawBitmap(bitmap, item2Left, item2Top + 40.0f,null);canvas.drawBitmap(bitmap, item1Left, item1Top,null);canvas.drawBitmap(bitmap, item0Left, item0Top,null);break;case 1:canvas.drawBitmap(bitmap, item0Left, item0Top,null);canvas.drawBitmap(bitmap, item2Left, item2Top + 40.0f,null);canvas.drawBitmap(bitmap, item1Left, item1Top,null);break;case 2:canvas.drawBitmap(bitmap, item0Left, item0Top,null);canvas.drawBitmap(bitmap, item1Left, item1Top,null);canvas.drawBitmap(bitmap, item2Left, item2Top + 40.0f,null);break;default:break;}} else {switch (itemPosition) {case 0:canvas.drawBitmap(bitmap, item1Left, item1Top,null);canvas.drawBitmap(bitmap, item2Left, item2Top + 40.0f,null);canvas.drawBitmap(bitmap, item0Left, item0Top,null);break;case 1:canvas.drawBitmap(bitmap, item2Left, item2Top + 40.0f,null);canvas.drawBitmap(bitmap, item0Left, item0Top,null);canvas.drawBitmap(bitmap, item1Left, item1Top,null);break;case 2:canvas.drawBitmap(bitmap, item1Left, item1Top,null);canvas.drawBitmap(bitmap, item0Left, item0Top,null);canvas.drawBitmap(bitmap, item2Left, item2Top + 40.0f,null);break;default:break;}}//canvas.drawBitmap(bitmap, item2Left, item2Top + 40.0f,null);//canvas.drawBitmap(bitmap, item1Left, item1Top,null);//canvas.drawBitmap(bitmap, item0Left, item0Top,null);//canvas.drawBitmap(bitmap, new Rect(0,0,342,342), new Rect(50,0,250,200), null);//bitmap = Bitmap.createScaledBitmap(bitmap, 100, 100, true);//canvas.drawBitmap(bitmap, null, new Rect(0, 0, 100, 100), null);//scaleBitmap(bitmap, 0.1f);Log.d("draw:", "draw");}@Overridepublic boolean onTouchEvent(MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_DOWN:startX = event.getX();moveStartX = startX;Log.d("start x:", Float.toString(startX));break;case MotionEvent.ACTION_UP:endX = event.getX();if (Math.abs(endX - startX) < bitmap.getWidth() / 2) {item0Left = item0Position;item1Left = item1Position;item2Left = item2Position;} else {if (itemPosition == 0) {if (item0Left <= 10.0f) {item0Left = 10.0f;item1Left = 350.0f;item2Left = 140.0f;itemPosition = 2;} else if (item0Left >= 350.0f) {item0Left = 350.0f;item1Left = 140.0f;item2Left = 10.0f;itemPosition = 1;}} else if (itemPosition == 1) {if (item1Left <= 10.0f) {item0Left = 140.0f;item1Left = 10.0f;item2Left = 350.0f;itemPosition = 0;} else if (item1Left >= 350.0f) {item0Left = 10.0f;item1Left = 350.0f;item2Left = 140.0f;itemPosition = 2;}} else if (itemPosition == 2) {if (item2Left <= 10.0f) {item0Left = 350.0f;item1Left = 140.0f;item2Left = 10.0f;itemPosition = 1;} else if (item2Left >= 350.0f) {item0Left = 140.0f;item1Left = 10.0f;item2Left = 350.0f;itemPosition = 0;}}item0Position = item0Left;item1Position = item1Left;item2Position = item2Left;}Log.d("end x:", Float.toString(endX));break;case MotionEvent.ACTION_MOVE:moveX = event.getX();offsetX = moveX - moveStartX;if (offsetX < 0) {if (itemPosition == 0) {item0Left -= Math.abs(offsetX);//item1Left += Math.abs(offsetX);//item2Left -= Math.abs(offsetX);} else if (itemPosition == 1) {item1Left -= Math.abs(offsetX);//item0Left += Math.abs(offsetX);//item2Left += Math.abs(offsetX);} else if (itemPosition == 2) {item2Left -= Math.abs(offsetX);//item0Left += Math.abs(offsetX);//item1Left -= Math.abs(offsetX);} else {Log.d("left move Position:", Integer.toString(itemPosition));}} else if (offsetX > 0) {if (itemPosition == 0) {item0Left += Math.abs(offsetX);//item1Left -= Math.abs(offsetX);//item2Left += Math.abs(offsetX);} else if (itemPosition == 1) {item1Left += Math.abs(offsetX);//item0Left -= Math.abs(offsetX);//item2Left += Math.abs(offsetX);} else if (itemPosition == 2) {item2Left += Math.abs(offsetX);//item0Left += Math.abs(offsetX);//item1Left -= Math.abs(offsetX);} else {Log.d("right move Position:", Integer.toString(itemPosition));}} else {Log.d("offsetX:", Float.toString(offsetX));}Log.d("move:", Float.toString(offsetX));moveStartX = moveX;break;}// reset drawinvalidate();return true;}}

XML中使用

<com.example.media.MediaViewandroid:id="@+id/media_view"android:background="#ff0989"android:layout_width="654dp"android:layout_height="318dp"android:layout_marginLeft="560dp"android:layout_marginRight="66dp"android:layout_marginTop="84dp"android:visibility="gone"app:layout_constraintTop_toTopOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"/>

MainJava中获取引用

MediaView mMediaView = (MediaView) findViewById(R.id.media_view);

 

这篇关于Android自定义View控件,实现拖动和位置调换的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1015154

相关文章

C++对象布局及多态实现探索之内存布局(整理的很多链接)

本文通过观察对象的内存布局,跟踪函数调用的汇编代码。分析了C++对象内存的布局情况,虚函数的执行方式,以及虚继承,等等 文章链接:http://dev.yesky.com/254/2191254.shtml      论C/C++函数间动态内存的传递 (2005-07-30)   当你涉及到C/C++的核心编程的时候,你会无止境地与内存管理打交道。 文章链接:http://dev.yesky

vue, 左右布局宽,可拖动改变

1:建立一个draggableMixin.js  混入的方式使用 2:代码如下draggableMixin.js  export default {data() {return {leftWidth: 330,isDragging: false,startX: 0,startWidth: 0,};},methods: {startDragging(e) {this.isDragging = tr

通过SSH隧道实现通过远程服务器上外网

搭建隧道 autossh -M 0 -f -D 1080 -C -N user1@remotehost##验证隧道是否生效,查看1080端口是否启动netstat -tuln | grep 1080## 测试ssh 隧道是否生效curl -x socks5h://127.0.0.1:1080 -I http://www.github.com 将autossh 设置为服务,隧道开机启动

ROS话题通信流程自定义数据格式

ROS话题通信流程自定义数据格式 需求流程实现步骤定义msg文件编辑配置文件编译 在 ROS 通信协议中,数据载体是一个较为重要组成部分,ROS 中通过 std_msgs 封装了一些原生的数据类型,比如:String、Int32、Int64、Char、Bool、Empty… 但是,这些数据一般只包含一个 data 字段,结构的单一意味着功能上的局限性,当传输一些复杂的数据,比如:

时序预测 | MATLAB实现LSTM时间序列未来多步预测-递归预测

时序预测 | MATLAB实现LSTM时间序列未来多步预测-递归预测 目录 时序预测 | MATLAB实现LSTM时间序列未来多步预测-递归预测基本介绍程序设计参考资料 基本介绍 MATLAB实现LSTM时间序列未来多步预测-递归预测。LSTM是一种含有LSTM区块(blocks)或其他的一种类神经网络,文献或其他资料中LSTM区块可能被描述成智能网络单元,因为

vue项目集成CanvasEditor实现Word在线编辑器

CanvasEditor实现Word在线编辑器 官网文档:https://hufe.club/canvas-editor-docs/guide/schema.html 源码地址:https://github.com/Hufe921/canvas-editor 前提声明: 由于CanvasEditor目前不支持vue、react 等框架开箱即用版,所以需要我们去Git下载源码,拿到其中两个主

Eclipse+ADT与Android Studio开发的区别

下文的EA指Eclipse+ADT,AS就是指Android Studio。 就编写界面布局来说AS可以边开发边预览(所见即所得,以及多个屏幕预览),这个优势比较大。AS运行时占的内存比EA的要小。AS创建项目时要创建gradle项目框架,so,创建项目时AS比较慢。android studio基于gradle构建项目,你无法同时集中管理和维护多个项目的源码,而eclipse ADT可以同时打开

android 免费短信验证功能

没有太复杂的使用的话,功能实现比较简单粗暴。 在www.mob.com网站中可以申请使用免费短信验证功能。 步骤: 1.注册登录。 2.选择“短信验证码SDK” 3.下载对应的sdk包,我这是选studio的。 4.从头像那进入后台并创建短信验证应用,获取到key跟secret 5.根据技术文档操作(initSDK方法写在setContentView上面) 6.关键:在有用到的Mo

android一键分享功能部分实现

为什么叫做部分实现呢,其实是我只实现一部分的分享。如新浪微博,那还有没去实现的是微信分享。还有一部分奇怪的问题:我QQ分享跟QQ空间的分享功能,我都没配置key那些都是原本集成就有的key也可以实现分享,谁清楚的麻烦详解下。 实现分享功能我们可以去www.mob.com这个网站集成。免费的,而且还有短信验证功能。等这分享研究完后就研究下短信验证功能。 开始实现步骤(新浪分享,以下是本人自己实现

Android我的二维码扫描功能发展史(完整)

最近在研究下二维码扫描功能,跟据从网上查阅的资料到自己勉强已实现扫描功能来一一介绍我的二维码扫描功能实现的发展历程: 首页通过网络搜索发现做android二维码扫描功能看去都是基于google的ZXing项目开发。 2、搜索怎么使用ZXing实现自己的二维码扫描:从网上下载ZXing-2.2.zip以及core-2.2-source.jar文件,分别解压两个文件。然后把.jar解压出来的整个c