android 新聞欄目管理（可拖動排序的gridview）
一用到的知識
1.GridView的一些內部方法，如：怎麼通過觸控的座標獲取對應的position等（這裡我採用的是繼承GridView控制元件）
3.位移動畫Animation，本DEMO中主要用到：TranslateAnimation 平移動畫
4.WindowManager的視窗機制，這裡的item拖拽等都要設計到這個。
二.實現思路
1. 2個GridView--（1.DragGrid 2. OtherGridView）
DragGrid 用於顯示我的頻道，帶有長按拖拽效果
OtherGridView用於顯示更多頻道，不帶推拽效果
2. 點選2個GridView的時候，根據點選的Item對應的position，獲取position對應的view，進行建立一層移動的動畫層
起始位置：點選的positiongetLocationInWindow（）獲取。終點位置：另一個GridView的最後個ITEM 的position + 1的位置。
並賦予移動動畫，等動畫結束後對2者對應的頻道列表進行資料的remove和add操作。
3. 設定點選和拖動的限制條件，如 推薦 這個ITEM是不允許使用者操作的。
4. 拖動的DragGrid的操作：
（1）長按獲取長按的ITEM的position -- dragPosition 以及對應的view ，手指觸控式螢幕幕的時候，呼叫onInterceptTouchEvent來獲取MotionEvent.ACTION_DOWN事件，獲取對應的資料。由於這裡是繼承了GridView，所以長按時間可以通過setOnItemLongClickListener監聽來執行，或則你也可以通過計算點選時間來監聽是否長按。
（2）通過onTouchEvent(MotionEvent ev)來監聽手指的移動和擡起動作。當它移動到 其它的item下面，並且下方的item對應的position 不等於 dragPosition，進行資料交換，並且2者之間的所有item進行移動動畫，動畫結束後，資料更替重新整理介面。
（3） 擡起手後，清除掉拖動時候建立的view，讓GridView中的資料顯示。
三.流程圖
接下來看看程式碼吧：
可以看到當點選otherGridView的時候，建立一個item，新增到serGridView的最後的位置，通過getLocationInWindow（）方法得到起點和中點的座標，並新增動畫，最後將這個item在otherGridview裡移除。這樣就完成了點選新增欄目的功能了。/** GRIDVIEW對應的ITEM點選監聽介面 */ @Override public void onItemClick(AdapterView<?> parent, final View view, final int position, long id) { //如果點選的時候，之前動畫還沒結束，那麼就讓點選事件無效 if(isMove){ return; } switch (parent.getId()) { case R.id.userGridView: //position為 0，1 的不可以進行任何操作 if (position != 0 && position != 1) { final ImageView moveImageView = getView(view); if (moveImageView != null) { TextView newTextView = (TextView) view.findViewById(R.id.text_item); final int[] startLocation = new int[2]; newTextView.getLocationInWindow(startLocation); final ChannelItem channel = ((DragAdapter) parent.getAdapter()).getItem(position);//獲取點選的頻道內容 otherAdapter.setVisible(false); //新增到最後一個 otherAdapter.addItem(channel); new Handler().postDelayed(new Runnable() { public void run() { try { int[] endLocation = new int[2]; //獲取終點的座標 otherGridView.getChildAt(otherGridView.getLastVisiblePosition()).getLocationInWindow(endLocation); MoveAnim(moveImageView, startLocation , endLocation, channel,userGridView); userAdapter.setRemove(position); } catch (Exception localException) { } } }, 50L); } } break; case R.id.otherGridView: final ImageView moveImageView = getView(view); if (moveImageView != null){ TextView newTextView = (TextView) view.findViewById(R.id.text_item); final int[] startLocation = new int[2]; newTextView.getLocationInWindow(startLocation); final ChannelItem channel = ((OtherAdapter) parent.getAdapter()).getItem(position); userAdapter.setVisible(false); //新增到最後一個 userAdapter.addItem(channel); new Handler().postDelayed(new Runnable() { public void run() { try { int[] endLocation = new int[2]; //獲取終點的座標 userGridView.getChildAt(userGridView.getLastVisiblePosition()).getLocationInWindow(endLocation); MoveAnim(moveImageView, startLocation , endLocation, channel,otherGridView); otherAdapter.setRemove(position); } catch (Exception localException) { } } }, 50L); } break; default: break; } }
同樣的道理點選userGridView實現刪除。
/**
* 點選ITEM移動動畫
* @param moveView
* @param startLocation
* @param endLocation
* @param moveChannel
* @param clickGridView
*/
private void MoveAnim(View moveView, int[] startLocation,int[] endLocation, final ChannelItem moveChannel,
final GridView clickGridView) {
int[] initLocation = new int[2];
//獲取傳遞過來的VIEW的座標
moveView.getLocationInWindow(initLocation);
//得到要移動的VIEW,並放入對應的容器中
final ViewGroup moveViewGroup = getMoveViewGroup();
final View mMoveView = getMoveView(moveViewGroup, moveView, initLocation);
//建立移動動畫
TranslateAnimation moveAnimation = new TranslateAnimation(
startLocation[0], endLocation[0], startLocation[1],
endLocation[1]);
moveAnimation.setDuration(300L);//動畫時間
//動畫配置
AnimationSet moveAnimationSet = new AnimationSet(true);
moveAnimationSet.setFillAfter(false);//動畫效果執行完畢後，View物件不保留在終止的位置
moveAnimationSet.addAnimation(moveAnimation);
mMoveView.startAnimation(moveAnimationSet);
moveAnimationSet.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
isMove = true;
}
@Override
public void onAnimationRepeat(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
moveViewGroup.removeView(mMoveView);
// instanceof 方法判斷2邊例項是不是一樣，判斷點選的是DragGrid還是OtherGridView
if (clickGridView instanceof DragGrid) {
otherAdapter.setVisible(true);
otherAdapter.notifyDataSetChanged();
userAdapter.remove();
}else{
userAdapter.setVisible(true);
userAdapter.notifyDataSetChanged();
otherAdapter.remove();
}
isMove = false;
}
});
}接下來就看看是如何實現拖拽排序的：
<span style="font-size:18px;">package co.example.com.testnews.view;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.PixelFormat;
import android.os.Vibrator;
import android.util.AttributeSet;
import android.util.Log;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.TranslateAnimation;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;
import co.example.com.testnews.R;
import co.example.com.testnews.adapter.DragAdapter;
import co.example.com.testnews.utils.DataTools;
public class DragGrid extends GridView {
/**
* 點選時候的X位置
*/
public int downX;
/**
* 點選時候的Y位置
*/
public int downY;
/**
* 點選時候對應整個介面的X位置
*/
public int windowX;
/**
* 點選時候對應整個介面的Y位置
*/
public int windowY;
/**
* 螢幕上的X
*/
private int win_view_x;
/**
* 螢幕上的Y
*/
private int win_view_y;
/**
* 拖動的裡x的距離
*/
int dragOffsetX;
/**
* 拖動的裡Y的距離
*/
int dragOffsetY;
/**
* 長按時候對應postion
*/
public int dragPosition;
/**
* Up後對應的ITEM的Position
*/
private int dropPosition;
/**
* 開始拖動的ITEM的Position
*/
private int startPosition;
/**
* item高
*/
private int itemHeight;
/**
* item寬
*/
private int itemWidth;
/**
* 拖動的時候對應ITEM的VIEW
*/
private View dragImageView = null;
/**
* 長按的時候ITEM的VIEW
*/
private ViewGroup dragItemView = null;
/**
* WindowManager管理器
*/
private WindowManager windowManager = null;
/** */
private WindowManager.LayoutParams windowParams = null;
/**
* item總量
*/
private int itemTotalCount;
/**
* 一行的ITEM數量
*/
private int nColumns = 4;
/**
* 行數
*/
private int nRows;
/**
* 剩餘部分
*/
private int Remainder;
/**
* 是否在移動
*/
private boolean isMoving = false;
/** */
private int holdPosition;
/**
* 拖動的時候放大的倍數
*/
private double dragScale = 1.2D;
/**
* 震動器
*/
private Vibrator mVibrator;
/**
* 每個ITEM之間的水平間距
*/
private int mHorizontalSpacing = 15;
/**
* 每個ITEM之間的豎直間距
*/
private int mVerticalSpacing = 15;
/**
* 移動時候最後個動畫的ID
*/
private String LastAnimationID;
public DragGrid(Context context) {
super(context);
init(context);
}
public DragGrid(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init(context);
}
public DragGrid(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
public void init(Context context) {
mVibrator = (Vibrator) context.getSystemService(Context.VIBRATOR_SERVICE);
//將佈局檔案中設定的間距dip轉為px
mHorizontalSpacing = DataTools.dip2px(context, mHorizontalSpacing);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
// TODO Auto-generated method stub
if (ev.getAction() == MotionEvent.ACTION_DOWN) {
downX = (int) ev.getX();
downY = (int) ev.getY();
windowX = (int) ev.getX();
windowY = (int) ev.getY();
setOnItemClickListener(ev);
}
return super.onInterceptTouchEvent(ev);
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
// TODO Auto-generated method stub
boolean bool = true;
if (dragImageView != null && dragPosition != AdapterView.INVALID_POSITION) {
// 移動時候的對應x,y位置
bool = super.onTouchEvent(ev);
int x = (int) ev.getX();
int y = (int) ev.getY();
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
downX = (int) ev.getX();
windowX = (int) ev.getX();
downY = (int) ev.getY();
windowY = (int) ev.getY();
break;
case MotionEvent.ACTION_MOVE:
onDrag(x, y, (int) ev.getRawX(), (int) ev.getRawY());
if (!isMoving) {
OnMove(x, y);
}
if (pointToPosition(x, y) != AdapterView.INVALID_POSITION) {
break;
}
break;
case MotionEvent.ACTION_UP:
stopDrag();
onDrop(x, y);
requestDisallowInterceptTouchEvent(false);
break;
default:
break;
}
}
return super.onTouchEvent(ev);
}
/**
* 在拖動的情況
*/
private void onDrag(int x, int y, int rawx, int rawy) {
if (dragImageView != null) {
windowParams.alpha = 0.6f;
// windowParams.x = rawx - itemWidth / 2;
// windowParams.y = rawy - itemHeight / 2;
windowParams.x = rawx - win_view_x;
windowParams.y = rawy - win_view_y;
windowManager.updateViewLayout(dragImageView, windowParams);
}
}
/**
* 在鬆手下放的情況
*/
private void onDrop(int x, int y) {
// 根據拖動到的x,y座標獲取拖動位置下方的ITEM對應的POSTION
int tempPostion = pointToPosition(x, y);
// if (tempPostion != AdapterView.INVALID_POSITION) {
dropPosition = tempPostion;
DragAdapter mDragAdapter = (DragAdapter) getAdapter();
//顯示剛拖動的ITEM
mDragAdapter.setShowDropItem(true);
//重新整理介面卡，讓對應的ITEM顯示
mDragAdapter.notifyDataSetChanged();
// }
}
/**
* 長按點選監聽
*
* @param ev
*/
public void setOnItemClickListener(final MotionEvent ev) {
setOnItemLongClickListener(new OnItemLongClickListener() {
@Override
public boolean onItemLongClick(AdapterView<?> parent, View view,
int position, long id) {
int x = (int) ev.getX();// 長安事件的X位置
int y = (int) ev.getY();// 長安事件的y位置
startPosition = position;// 第一次點選的postion
dragPosition = position;
if (startPosition <= 1) {
return false;
}
ViewGroup dragViewGroup = (ViewGroup) getChildAt(dragPosition - getFirstVisiblePosition());
TextView dragTextView = (TextView) dragViewGroup.findViewById(R.id.text_item);
dragTextView.setSelected(true);
dragTextView.setEnabled(false);
itemHeight = dragViewGroup.getHeight();
itemWidth = dragViewGroup.getWidth();
itemTotalCount = DragGrid.this.getCount();
int row = itemTotalCount / nColumns;// 算出行數
Remainder = (itemTotalCount % nColumns);// 算出最後一行多餘的數量
if (Remainder != 0) {
nRows = row + 1;
} else {
nRows = row;
}
// 如果特殊的這個不等於拖動的那個,並且不等於-1
if (dragPosition != AdapterView.INVALID_POSITION) {
// 釋放的資源使用的繪圖快取。如果你呼叫buildDrawingCache()手動沒有呼叫setDrawingCacheEnabled(真正的),你應該清理快取使用這種方法。
win_view_x = windowX - dragViewGroup.getLeft();//VIEW相對自己的X，半斤
win_view_y = windowY - dragViewGroup.getTop();//VIEW相對自己的y，半斤
dragOffsetX = (int) (ev.getRawX() - x);//手指在螢幕的上X位置-手指在控制元件中的位置就是距離最左邊的距離
dragOffsetY = (int) (ev.getRawY() - y);//手指在螢幕的上y位置-手指在控制元件中的位置就是距離最上邊的距離
dragItemView = dragViewGroup;
dragViewGroup.destroyDrawingCache();
dragViewGroup.setDrawingCacheEnabled(true);
Bitmap dragBitmap = Bitmap.createBitmap(dragViewGroup.getDrawingCache());
mVibrator.vibrate(50);//設定震動時間
startDrag(dragBitmap, (int) ev.getRawX(), (int) ev.getRawY());
hideDropItem();
dragViewGroup.setVisibility(View.INVISIBLE);
isMoving = false;
requestDisallowInterceptTouchEvent(true);//阻止父層view攔截事件
return true;
}
return false;
}
});
}
public void startDrag(Bitmap dragBitmap, int x, int y) {
stopDrag();
windowParams = new WindowManager.LayoutParams();// 獲取WINDOW介面的
//Gravity.TOP|Gravity.LEFT;這個必須加
windowParams.gravity = Gravity.TOP | Gravity.LEFT;
// windowParams.x = x - (int)((itemWidth / 2) * dragScale);
// windowParams.y = y - (int) ((itemHeight / 2) * dragScale);
//得到preview左上角相對於螢幕的座標
windowParams.x = x - win_view_x;
windowParams.y = y - win_view_y;
// this.windowParams.x = (x - this.win_view_x + this.viewX);//位置的x值
// this.windowParams.y = (y - this.win_view_y + this.viewY);//位置的y值
//設定拖拽item的寬和高
windowParams.width = (int) (dragScale * dragBitmap.getWidth());// 放大dragScale倍，可以設定拖動後的倍數
windowParams.height = (int) (dragScale * dragBitmap.getHeight());// 放大dragScale倍，可以設定拖動後的倍數
this.windowParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
| WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE
| WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON
| WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN;
this.windowParams.format = PixelFormat.TRANSLUCENT;
this.windowParams.windowAnimations = 0;
ImageView iv = new ImageView(getContext());
iv.setImageBitmap(dragBitmap);
windowManager = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);// "window"
windowManager.addView(iv, windowParams);
dragImageView = iv;
}
/**
* 停止拖動 ，釋放並初始化
*/
private void stopDrag() {
if (dragImageView != null) {
windowManager.removeView(dragImageView);
dragImageView = null;
}
}
/**
* 在ScrollView內，所以要進行計算高度
*/
@Override
public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
super.onMeasure(widthMeasureSpec, expandSpec);
}
/**
* 隱藏 放下 的ITEM
*/
private void hideDropItem() {
((DragAdapter) getAdapter()).setShowDropItem(false);
}
/**
* 獲取移動動畫
*/
public Animation getMoveAnimation(float toXValue, float toYValue) {
TranslateAnimation mTranslateAnimation = new TranslateAnimation(
Animation.RELATIVE_TO_SELF, 0.0F,
Animation.RELATIVE_TO_SELF, toXValue,
Animation.RELATIVE_TO_SELF, 0.0F,
Animation.RELATIVE_TO_SELF, toYValue);// 當前位置移動到指定位置
mTranslateAnimation.setFillAfter(true);// 設定一個動畫效果執行完畢後，View物件保留在終止的位置。
mTranslateAnimation.setDuration(300L);
return mTranslateAnimation;
}
/**
* 移動的時候觸發
*/
public void OnMove(int x, int y) {
// 拖動的VIEW下方的POSTION
int dPosition = pointToPosition(x, y);
// 判斷下方的POSTION是否是最開始2個不能拖動的
if (dPosition > 1) {
if ((dPosition == -1) || (dPosition == dragPosition)) {
return;
}
dropPosition = dPosition;
if (dragPosition != startPosition) {
dragPosition = startPosition;
}
int movecount;
//拖動的=開始拖的，並且 拖動的 不等於放下的
if ((dragPosition == startPosition) || (dragPosition != dropPosition)) {
//移需要移動的動ITEM數量
movecount = dropPosition - dragPosition;
} else {
//移需要移動的動ITEM數量為0
movecount = 0;
}
if (movecount == 0) {
return;
}
int movecount_abs = Math.abs(movecount);
if (dPosition != dragPosition) {
//dragGroup設定為不可見
ViewGroup dragGroup = (ViewGroup) getChildAt(dragPosition);
dragGroup.setVisibility(View.INVISIBLE);
float to_x = 1;// 當前下方positon
float to_y;// 當前下方右邊positon
//x_vlaue移動的距離百分比（相對於自己長度的百分比）
float x_vlaue = ((float) mHorizontalSpacing / (float) itemWidth) + 1.0f;
//y_vlaue移動的距離百分比（相對於自己寬度的百分比）
float y_vlaue = ((float) mVerticalSpacing / (float) itemHeight) + 1.0f;
Log.d("x_vlaue", "x_vlaue = " + x_vlaue);
for (int i = 0; i < movecount_abs; i++) {
to_x = x_vlaue;
to_y = y_vlaue;
//像左
if (movecount > 0) {
// 判斷是不是同一行的
holdPosition = dragPosition + i + 1;
if (dragPosition / nColumns == holdPosition / nColumns) {
to_x = -x_vlaue;
to_y = 0;
} else if (holdPosition % 4 == 0) {
to_x = 3 * x_vlaue;
to_y = -y_vlaue;
} else {
to_x = -x_vlaue;
to_y = 0;
}
} else {
//向右,下移到上，右移到左
holdPosition = dragPosition - i - 1;
if (dragPosition / nColumns == holdPosition / nColumns) {
to_x = x_vlaue;
to_y = 0;
} else if ((holdPosition + 1) % 4 == 0) {
to_x = -3 * x_vlaue;
to_y = y_vlaue;
} else {
to_x = x_vlaue;
to_y = 0;
}
}
ViewGroup moveViewGroup = (ViewGroup) getChildAt(holdPosition);
Animation moveAnimation = getMoveAnimation(to_x, to_y);
moveViewGroup.startAnimation(moveAnimation);
//如果是最後一個移動的，那麼設定他的最後個動畫ID為LastAnimationID
if (holdPosition == dropPosition) {
LastAnimationID = moveAnimation.toString();
}
moveAnimation.setAnimationListener(new AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
// TODO Auto-generated method stub
isMoving = true;
}
@Override
public void onAnimationRepeat(Animation animation) {
// TODO Auto-generated method stub
}
@Override
public void onAnimationEnd(Animation animation) {
// TODO Auto-generated method stub
// 如果為最後個動畫結束，那執行下面的方法
if (animation.toString().equalsIgnoreCase(LastAnimationID)) {
DragAdapter mDragAdapter = (DragAdapter) getAdapter();
mDragAdapter.exchange(startPosition, dropPosition);
startPosition = dropPosition;
dragPosition = dropPosition;
isMoving = false;
}
}
});
}
}
}
}
}</span>最後附上原始碼地址：原始碼地址
相關推薦
android 新聞欄目管理（可拖動排序的gridview）
一用到的知識 1.GridView的一些內部方法，如：怎麼通過觸控的座標獲取對應的position等（這裡我採用的是繼承GridView控制元件） 3.位移動畫Animation，本DEMO中主要用到：TranslateAnimation 平移動畫 4.WindowMa
Android 高仿 頻道管理----網易、今日頭條、騰訊視訊 （可以拖動的GridView）附原始碼DEMO
private void MoveAnim(View moveView, int[] startLocation,int[] endLocation, final ChannelItem moveChannel, final GridView clickGridView) { int[] initL
Android 實現高仿iOS桌面效果之可拖動的GridView（上）
最近專案中遇到一個LIstview的拖動效果，github上一搜發現有叫DragListview的開源專案，然後自己再小手一搜拖動排序的GridView，卻沒發現什麼很全很好的開源專案，後
Android拖動，縮放，自定義內容，控制元件製作（可拖動縮放RelativeLayout定製）
先上效果圖： 一. 製作此控制元件的起源 專案需要一個可以拖動的控制元件，在網上可以找到很多例子，有圖片拖動控制元件，有textview拖動控制元件。但是專案中需要控制元件同時可以動態通過手指調整尺寸，並且控制元件的內容不固定，需要自定義內容，即可以新增任意內容
實現評論頁面的五星評價和圖片選擇（可拖動）
先上圖: https://github.com/simonFong/CommentDemo 想用的直接到github下載就可以了，星星控制元件和新增圖片的控制元件在imageadd的lib裡 使用方法： 1.下載lib，匯入自己的工程 2.星星控制元件 直接在自己的佈局檔案裡新增
React可拖動排序表格
前段時間專案需求一個可拖動排序的表格，最近要改樣式，差點忘記是怎麼實現的了。所以在這裡記錄一下，也和大家分享一下。 元件地址：https://reactabular.js.org/#/drag-and-drop 裡面已經給了示例程式碼，支援行拖動排序，也支
Android 自定義View可拖動移動位置及邊緣拉伸放大縮
首先說一下定義這樣一個View有什麼用?在一些app中,需要設定頭像,而使用者選擇的圖片可能是使用攝像頭拍攝,也可能是選擇的相簿裡面的圖片,總之,這樣的圖片大小不一,就比如在使用某個聊天軟體的時候,設定頭像,需要對圖片進行擷取. 要實現這樣一個功能,首先,需
實現可拖動排序的ListView-DragListView
專案 中要用到拖動排序的效果，於是百度到網上的做法，github上開源框架被我pass, 為了一個小功能匯入一庫太不划算。然後看到這篇 http://blog.csdn.net/jj120522/article/details/8240407，可能是博主原始
仿網易新聞標籤選擇器（可拖動）-TabMoveLayout
仿網易新聞標籤欄-TabMoveLayout 網易新聞標籤欄的實現效果我一直想實現試試，最近發現支付寶的應用欄也變成了這樣，最近花了點時間終於實現，初步實現效果如下，後面有時間還會繼續完善 實現功能 1.長按抖動 2.標籤可隨意拖動，其他標籤隨之
Android拖動實現（一個流暢的拖動排序DragSortGridView,自動滾屏）
/** * Copyright (C), 2008-2015, Huawei Tech. Co., Ltd. * <p/> * Description : 拖動排序佈局 * * @version V100R001 * @since V100R001 */ @SuppressLint(
Android 仿QQ分組管理可拖動Item的ListView(附原始碼)
趁著週一休息，更新一下部落格。最近專案中使用到了分組管理，需要實現Listview的Item拖動處理。查略一下資料和借鑑了別人的程式碼將功能實現了。現在整理一下程式碼，方便自己以後學習具體思路如下 重寫ListView的onInterceptTouchEvent方法進行控制
HTTP協議下可拖動時間軸播放FLV的實現（偽流媒體）
prot pac -m method bytes encoding 編寫 時間軸 delay HTTP協議下實現FLV的播放其實並不復雜，當初實現的原理是使用了flowPlayer插件實現的，效果還不錯。但仍有兩大問題影響著客戶的訪問情緒： 1.預加載時頁面卡死，似乎沒有
android自己定義進度值可拖動的seekbar
anim 一段時間 技術 新項目 progress near perl 文件 div 近期忙找實習，加上實驗室在推新項目，須要學習新知識。所以非常長一段時間沒去整理了官博客了，github也蠻久沒更新。非常羞愧。接下來還是要堅持寫。今天就簡單的寫一下我在
Android可拖動懸浮按鈕
最近專案需要使用可拖拽的懸浮按鈕，所以實現了一個小demo 因為是模擬器的緣故，拖動的時候看起來有點卡頓，如果在真機上執行時非常完美的 技術要突破的難點有下面幾個： 1 如何懸浮？ 使用相對佈局或者幀佈局，按鈕放在最外層即可 2 如何拖動？ 對按鈕進行移動監聽
android：RecyclerView互動動畫（上下拖動，左右滑動刪除）
效果 RecyclerView互動動畫主要使用的是ItemTouchHelper這個類 建立MyItemTouchHelperCallback繼承系統ItemTouchHelper.Callback import android.graphi
實現可調整寬高的DIV（左右拖動和上下拖動）
前言 本例是在React中實現，不過改一改通過原生js也很好實現，另外相容性也做到了IE9。（IE8講道理也是可以的）。 首先看一下需要實現的需求： 要拖動圖中的白色橫條調整綠色和藍色區域的高度，要拖動白色豎條調整左邊區域和紅色區域的寬度。 一兩年前曾經遇到過這個需求，當時直接在網上搜了個解決方案
Android 可拖動的懸浮按鈕
這是控制元件的主程式碼，在你的專案裡面，新建一個同名的類，把程式碼直接複製進去就能用了。另外，這個類裡面引用了工具類的一些程式碼。工具類在這個主類的原始碼下面也有貼出，直接把工具類的相關程式碼，複製到你自己的工具類裡就行了，有問題可以加我QQ諮詢：326257241。 /** * @C
Android自定義可拖動進度條__SeekBar
Android裡自帶的進度條滿足不了我們的需求，在這篇文章中，我們拖動的滑塊為自定義的一張圖片，背景也是自己定義的，廢話不多說，先上效果圖： 1.先在project的drawable下定義一個layer-list的xml檔案作為背景 <?xml vers
QML自定義樹控制元件（TreeView 的style加上節點可拖動）
背景： 前段時間工作需要使用QML的TreeView，要通過拖動節點，對應節點執行對應的操作，查了很多的資料，沒有看到關於節點可拖動的資料，檢視TreeView的原始碼，貌似存在關於節點拖動的地方，但是始終沒有看到可以使用的介面，只好自己動手造輪子了
js按住滑鼠左鍵選中網格元素，被選中的網格位置上填充可輸入內容，插入圖片等的容器。並且網格上的容器，可拖動、改變尺寸、但互相之間不可重疊（如果重疊回到上一次的狀態）。
js/jquery 按住滑鼠左鍵圈選網格，圈選網格顏色變深， 圈選區域不可重疊，被選中的網格位置上填充可輸入內容，插入圖片、媒體，表格、echarts圖表等的容器。並且網格上的容器可拖動，可改變尺寸，但不可重疊（如果重疊回到上一次的狀態）， 上述要求為本次實際開發專案（vu