android136 360 拖拽
差补器原理:
图标拖拽:
activity_drag_view.xml
- <?xml version="1.0" encoding="utf-8"?>
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:layout_height="match_parent" >
- <!-- 2个TextView,一个显示一个隐藏 -->
- <TextView
- android:id="@+id/tv_top"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:layout_alignParentTop="true"
- android:layout_centerHorizontal="true"
- android:background="@drawable/call_locate_blue"
- android:gravity="center"
- android:padding="15dp"
- android:text="按住提示框拖到任意位置\n按手机返回键立即生效"
- android:textColor="@color/black"
- android:textSize="18sp" />
- <TextView
- android:id="@+id/tv_bottom"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:layout_alignParentBottom="true"
- android:layout_centerHorizontal="true"
- android:background="@drawable/call_locate_blue"
- android:gravity="center"
- android:padding="10dp"
- android:text="按住提示框拖到任意位置\n按手机返回键立即生效"
- android:textColor="@color/black"
- android:textSize="18sp"
- android:visibility="invisible" />
- <!-- 拖拽的图片 -->
- <ImageView
- android:id="@+id/iv_drag"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_marginTop="90dp"
- android:src="@drawable/drag" />
- </RelativeLayout>
- package com.itheima52.mobilesafe.activity;
- import android.app.Activity;
- import android.content.SharedPreferences;
- import android.content.SharedPreferences.Editor;
- import android.os.Bundle;
- import android.os.SystemClock;
- import android.view.MotionEvent;
- import android.view.View;
- import android.view.View.OnClickListener;
- import android.view.View.OnTouchListener;
- import android.widget.ImageView;
- import android.widget.RelativeLayout;
- import android.widget.TextView;
- import com.itheima52.mobilesafe.R;
- /**
- * 修改归属地显示位置
- *
- * 半透明效果:清单文件<activity
- android:name=".activity.DragViewActivity"
- android:theme="@android:style/Theme.Translucent.NoTitleBar" /> 这个acticity透明没有标题栏。
- xml文件<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:background="#5000" 背景半透明
- >
- */
- public class DragViewActivity extends Activity {
- private TextView tvTop;
- private TextView tvBottom;
- private ImageView ivDrag;
- private int startX;
- private int startY;
- private SharedPreferences mPref;
- long[] mHits = new long[2];// 数组长度表示要点击的次数
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_drag_view);
- mPref = getSharedPreferences("config", MODE_PRIVATE);
- tvTop = (TextView) findViewById(R.id.tv_top);
- tvBottom = (TextView) findViewById(R.id.tv_bottom);
- ivDrag = (ImageView) findViewById(R.id.iv_drag);
- int lastX = mPref.getInt("lastX", 0);
- int lastY = mPref.getInt("lastY", 0);
- // 获取屏幕宽高
- final int winWidth = getWindowManager().getDefaultDisplay().getWidth();
- final int winHeight = getWindowManager().getDefaultDisplay().getHeight();
- if (lastY > winHeight / 2) {// 上边显示,下边隐藏
- tvTop.setVisibility(View.VISIBLE);
- tvBottom.setVisibility(View.INVISIBLE);
- } else {
- tvTop.setVisibility(View.INVISIBLE);
- tvBottom.setVisibility(View.VISIBLE);
- }
- // ivDrag.getWidth();获取不到,因为还没有绘制完毕。
- // onMeasure(测量view), onLayout(安放位置), onDraw(绘制)
- // ivDrag.layout(lastX, lastY, lastX + ivDrag.getWidth(),lastY + ivDrag.getHeight());//不能用这个方法,因为还没有测量完成,就不能安放位置,下面的方法就可以,RelativeLayout是控件的父控件。
- RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) ivDrag.getLayoutParams();// 获取布局对象
- layoutParams.leftMargin = lastX;// 设置左边距
- layoutParams.topMargin = lastY;// 设置top边距
- ivDrag.setLayoutParams(layoutParams);// 重新设置位置
- ivDrag.setOnClickListener(new OnClickListener() {
- @Override
- public void onClick(View v) {
- System.arraycopy(mHits, 1, mHits, 0, mHits.length - 1);
- mHits[mHits.length - 1] = SystemClock.uptimeMillis();// 开机后开始计算的时间
- if (mHits[0] >= (SystemClock.uptimeMillis() - 500)) {
- // 把图片居中
- ivDrag.layout(winWidth / 2 - ivDrag.getWidth() / 2,
- ivDrag.getTop(), winWidth / 2 + ivDrag.getWidth()
- / 2, ivDrag.getBottom());
- }
- }
- });
- // 设置触摸监听
- ivDrag.setOnTouchListener(new OnTouchListener() {
- @Override
- public boolean onTouch(View v, MotionEvent event) {
- switch (event.getAction()) {
- case MotionEvent.ACTION_DOWN:
- // 初始化起点坐标
- startX = (int) event.getRawX();
- startY = (int) event.getRawY();
- break;
- case MotionEvent.ACTION_MOVE:
- int endX = (int) event.getRawX();
- int endY = (int) event.getRawY();
- // 计算移动偏移量
- int dx = endX - startX;
- int dy = endY - startY;
- // 更新左上右下距离
- int l = ivDrag.getLeft() + dx;
- int r = ivDrag.getRight() + dx;
- int t = ivDrag.getTop() + dy;
- int b = ivDrag.getBottom() + dy;
- // 判断是否超出屏幕边界, 注意状态栏的高度
- if (l < 0 || r > winWidth || t < 0 || b > winHeight - 20) {
- break;
- }
- // 根据图片位置,决定提示框显示和隐藏
- if (t > winHeight / 2) {// 上边显示,下边隐藏
- tvTop.setVisibility(View.VISIBLE);
- tvBottom.setVisibility(View.INVISIBLE);
- } else {
- tvTop.setVisibility(View.INVISIBLE);
- tvBottom.setVisibility(View.VISIBLE);
- }
- // 更新界面(左上右下),因为已经绘制完成了,所以可以使用layout()方法。
- ivDrag.layout(l, t, r, b);
- // 重新初始化起点坐标
- startX = (int) event.getRawX();
- startY = (int) event.getRawY();
- break;
- case MotionEvent.ACTION_UP:
- // 记录坐标点
- Editor edit = mPref.edit();
- edit.putInt("lastX", ivDrag.getLeft());
- edit.putInt("lastY", ivDrag.getTop());
- edit.commit();
- break;
- default:
- break;
- }
- return false;//事件要向下传递,让onclick(双击事件)可以响应
- }
- });
- }
- }
- /**
- * 自定义归属地浮窗Toast, 需要权限android.permission.SYSTEM_ALERT_WINDOW
- */
- private void showToast(String text) {
- mWM = (WindowManager) this.getSystemService(Context.WINDOW_SERVICE);
- // 获取屏幕宽高
- winWidth = mWM.getDefaultDisplay().getWidth();
- winHeight = mWM.getDefaultDisplay().getHeight();
- params = new WindowManager.LayoutParams();
- params.height = WindowManager.LayoutParams.WRAP_CONTENT;
- params.width = WindowManager.LayoutParams.WRAP_CONTENT;
- params.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
- | WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON;
- params.format = PixelFormat.TRANSLUCENT;
- params.type = WindowManager.LayoutParams.TYPE_PHONE;// 电话窗口。它用于电话交互(特别是呼入)。它置于所有应用程序之上,状态栏之下。
- params.gravity = Gravity.LEFT + Gravity.TOP;// 将重心位置设置为左上方,
- // 也就是(0,0)从左上方开始,而不是默认的重心位置
- params.setTitle("Toast");
- int lastX = mPref.getInt("lastX", 0);
- int lastY = mPref.getInt("lastY", 0);
- // 设置浮窗的位置, 基于左上方的偏移量
- params.x = lastX;
- params.y = lastY;
- // view = new TextView(this);
- view = View.inflate(this, R.layout.toast_address, null);
- int[] bgs = new int[] { R.drawable.call_locate_white,
- R.drawable.call_locate_orange, R.drawable.call_locate_blue,
- R.drawable.call_locate_gray, R.drawable.call_locate_green };
- int style = mPref.getInt("address_style", 0);
- view.setBackgroundResource(bgs[style]);// 根据存储的样式更新背景
- TextView tvText = (TextView) view.findViewById(R.id.tv_number);
- tvText.setText(text);
- mWM.addView(view, params);// 将view添加在屏幕上(Window)
- view.setOnTouchListener(new OnTouchListener() {
- @Override
- public boolean onTouch(View v, MotionEvent event) {
- switch (event.getAction()) {
- case MotionEvent.ACTION_DOWN:
- // 初始化起点坐标
- startX = (int) event.getRawX();
- startY = (int) event.getRawY();
- break;
- case MotionEvent.ACTION_MOVE:
- int endX = (int) event.getRawX();
- int endY = (int) event.getRawY();
- // 计算移动偏移量
- int dx = endX - startX;
- int dy = endY - startY;
- // 更新浮窗位置,WindowManager里面只可以用params实现位置的移动
- params.x += dx;
- params.y += dy;
- // 防止坐标偏离屏幕
- if (params.x < 0) {
- params.x = 0;
- }
- if (params.y < 0) {
- params.y = 0;
- }
- // 防止坐标偏离屏幕
- if (params.x > winWidth - view.getWidth()) {
- params.x = winWidth - view.getWidth();
- }
- if (params.y > winHeight - view.getHeight()) {
- params.y = winHeight - view.getHeight();
- }
- // System.out.println("x:" + params.x + ";y:" + params.y);
- mWM.updateViewLayout(view, params);
- // 重新初始化起点坐标
- startX = (int) event.getRawX();
- startY = (int) event.getRawY();
- break;
- case MotionEvent.ACTION_UP:
- // 记录坐标点
- Editor edit = mPref.edit();
- edit.putInt("lastX", params.x);
- edit.putInt("lastY", params.y);
- edit.commit();
- break;
- default:
- break;
- }
- return true;
- }
- });
- }
android136 360 拖拽的更多相关文章
- jQuery可拖拽3D万花筒旋转特效
这是一个使用了CSS3立体效果的强大特效,本特效使用jQuery跟CSS3 transform来实现在用户鼠标按下拖动时,环形图片墙可以跟随鼠标进行3D旋转动画. 效果体验:http://hovert ...
- canvas 图片拖拽旋转之二——canvas状态保存(save和restore)
引言 在上一篇日志“canvas 图片拖拽旋转之一”中,对坐标转换有了比较深入的了解,但是仅仅利用坐标转换实现的拖拽旋转,会改变canvas坐标系的状态,从而影响画布上其他元素的绘制.因此,这个时候需 ...
- js拖拽3D立方体旋转
这段时间有点闲,所以就自己找些小玩意来练习练习.今天做了一个可以拖拽页面内空白位置3D立方体就会跟着转动的小例子,布局方面用到css3 3D转换技术,通过transform控制旋转实现的. 上个图 代 ...
- JQ实现3D拖拽效果
<!DOCTYPE HTML> <html onselectstart='return false'> <head> <meta http-equiv=&qu ...
- jquery 实现页面拖拽并保存到cookie
实现的效果就是页面内的图片可拖拽到任意位置,并将所在位置保存.下次打开页面依然可见.本文是作demo用,实际开发中,位置的数据应保存到数据库中. 好了,开始. 1.准备工作. a.jquery(1.7 ...
- js手写图片查看器(图片的缩放、旋转、拖拽)
在做一次代码编辑任务中,要查看图片器.在时间允许的条件下,放弃了已经封装好的图片jq插件,现在自己手写js实现图片的缩放.旋转.推拽功能! 具体代码如下: <!DOCTYPE html> ...
- js实现图片查看器(图片的缩放、旋转、拖拽)
一.关于图片查看器. 目前网络上能找到的图片查看器很多,谁便一搜就能出来.如:jquery.iviewer.js.Viewer.js这两个js文件,其中功能也足够满足大部分开发需求.但是单纯的就想实现 ...
- angularjs1 自定义图片查看器(可旋转、放大、缩小、拖拽)
笔记: angularjs1 制作自定义图片查看器(可旋转.放大.缩小.拖拽) 2018-01-12 更新 可以在我的博客 查看我 已经封装好的 纯 js写的图片查看器插件 博客链接 懒得把 ...
- [ActionScript 3.0] 动态绘制扇形实例(拖拽绘制)
package { import flash.display.Shape; import flash.display.Sprite; import flash.events.MouseEvent; / ...
随机推荐
- 通过移动的Mas接口发送短信
1. 首先,需要移动公司提供的用户名.密码.服务ID.接口Url等信息. 2. 将短信信息整理成XML格式的字符串,再转为byte数组,通过POST的方式,将短信发往Mas接口.需要引用"M ...
- ZEat
借助微博平台,记录每日饮食情况的Andorid程序. 项目地址:https://github.com/atskyline/ZEat 1.0.0APK下载地址:https://github.com/at ...
- Clone PDB from same CDB
Clone PDB 用途: 1.用于测试,从生产系统clone数据来进行测试 2.诊断性能问题 Clone PDB Using OMF from same CDB 环境信息: DB Version ...
- opencv2.4.4 背景减除算法收集
算法集合:https://code.google.com/p/bgslibrary/ 测试:AdaptiveBackgroundLearning算法 #include <iostream> ...
- init进程学习
linux的init进程 一个在线编辑markdown文档的编辑器,是内核启动的第一个进程,init进程有很多重要的任务,它的pit 为1,在linux shell中使用pstree命令可以看到它为其 ...
- 利用python进行折线图,直方图和饼图的绘制
我用10个国家某年的GDP来绘图,数据如下: labels = ['USA', 'China', 'India', 'Japan', 'Germany', 'Russia', 'Brazil', ...
- dataStructure@ Binary Search Tree
#include<iostream> #include<cstdio> #include<cstring> #include<limits> #incl ...
- Excel里的单元格提行
最近老板发了个表,遇到了个小知识点,收藏以后有用!拿来学学 如下,是属于单元格.怎么提行? 直接,空格或space,都无法解决!...... 解决办法:Alt + Enter 成功! 参考: http ...
- Go语言 字符串
在所有编程语言中都涉及到大量的字符串操作,可见熟悉对字符串的操作是何等重要. Go中的字符串和C#中的一样(java也是),字符串内容在初始化后不可修改. 需要注意的是在Go中字符串是有UTF-8编码 ...
- java类的访问控制符与其他几个特殊修饰符的总结
1 访问控制符 1.1 字段或者方法的访问控制符 同一个类中 同一个包中 不同包中的子类 不同包中的非子类 private YES 默认(包可访问) YES YES prot ...