建站
咨詢
售后
建站咨詢
新聞中心
怎么在Android項目中實現(xiàn)一個Tab分類排序控件？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。
專注于為中小企業(yè)提供做網(wǎng)站、網(wǎng)站設(shè)計服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)大新免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了成百上千企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
1、XML布局引入
2、設(shè)置數(shù)據(jù)源數(shù)據(jù)，也就是每個item的對應(yīng)文本數(shù)據(jù)
//構(gòu)造數(shù)據(jù)源，暫時僅支持String Listdata = new ArrayList (); for (int i = 0; i < 20; i ++) { data.add("item" + i); } //設(shè)置數(shù)據(jù)源 vSortLayout.setShowData(data, 1);
3、設(shè)置監(jiān)聽，用于交互點擊和長按的事件
vSortLayout.setOnSelectListener(new onSelectListener() {
//點擊事件，點擊Tab布局里面的item觸發(fā)
@Override
public void onSelect(View v, int index) {
Toast.makeText(MainActivity.this, "你點擊了item ，內(nèi)容為：" + ((TextView)v).getText(), Toast.LENGTH_SHORT).show();
}
//長按事件，長按Tab布局里面的item觸發(fā)
@Override
public void onLongSelect(View v) {
Toast.makeText(MainActivity.this, "長按Tab，開始排列", Toast.LENGTH_SHORT).show();
}
});4、開始排序和結(jié)束排序的接口
//如果參數(shù)是true的話，開始排序，也就是可以拖動 vSortLayout.setIsMoveList(true); //結(jié)束排序，并且會返回選擇tab的當(dāng)前新位置 vSortLayout.getAndFinishSortData();
未完善的自定義功能
1、現(xiàn)在僅僅是支持String，并且布局也無法自定義，后續(xù)可能會完善Tab的item的View的自定義輸入
2、現(xiàn)在布局的行數(shù)和間距由硬代碼控制，并沒有形成簡便易懂的接口暴漏
PS:調(diào)試間距的方法，主要調(diào)試下列幾個參數(shù)
/** * 配置參數(shù)區(qū)域 * mMaxRow ： 每行的個數(shù) * Magin Width Tab的間隔和本身的寬度的占比 * 例如mMaxRow = 4，則寬度會由此策略分配 * |Magin|View|Magin|View|Magin|View|Magin|View|Magin| * 記控件寬度為這么分配 ： 總寬度 = 5 * Magin + 4 * View， 而 Magin ： View = mRowMagin ： mRowWidth * 可以推導(dǎo)出各個控件的寬度，高度也如此計算 */ private final int mMaxRow = 4; private final int mRowMagin = 5; private final int mRowWidth = 26; private final int mColumnMagin = 4; private final int mColumnHeight = 10;
3、回滾不流暢，后期可以引入Scroller來控制緩慢回滾
實現(xiàn)原理
1、布局item排序采用基于ViewGroup的自定義布局，在onLayout的方法邏輯根據(jù)配置參數(shù)區(qū)域的參數(shù)進行計算配置
@Override
protected void onLayout(boolean arg0, int arg1, int arg2, int arg3, int arg4) {
final int childCount = getChildCount();
int row = 0;
int column = 0;
int startWidth = 0;
int startHeight = 0;
for (int i = 0; i < childCount; i++) {
View childeView = childList.get(i);
row = i / 4;
column = i % 4;
startWidth = (int) ((column * (mRowWidth + 2 * mRowMagin) + mRowMagin) * mChildeItemSize);
startHeight = (int) ((row * (mColumnHeight + 2 * mColumnMagin) + mColumnMagin) * mChildeItemSize);
childeView.layout(startWidth ,startHeight ,(int)(startWidth + mRowWidth * mChildeItemSize),
(int)(startHeight + mColumnHeight * mChildeItemSize));
}
}2、滑動模塊部分，在onTouchEvent里面根據(jù)坐標的捕獲，有坐標分析出對應(yīng)的子Item，利用View.layout()方法讓拖動的View跟隨手指移動，參加代碼
private void moveChildView(float x, float y) {
if (mMoveChildView != null) {
int left = (int) (((mChildIndex % 4) * (mRowWidth + 2 * mRowMagin) + mRowMagin) * mChildeItemSize);
int top = (int) (((mChildIndex / 4) * (mColumnHeight + 2 * mColumnMagin) + mColumnMagin) * mChildeItemSize);
int width = (int) (left + mRowWidth * mChildeItemSize);
int heigth = (int) (top + mColumnHeight * mChildeItemSize);
int moveX = (int) (x - beginX);
int moveY = (int) (y - beginY);
mMoveChildView.layout(left + moveX, top + moveY, width + moveX, heigth + moveY);
mMoveChildView.invalidate();
}
}3、動畫模塊，由于考慮低版本和不想引入過多的開源庫，故采用普通的動畫實現(xiàn)
具體參見beginAnimation(final int start,final int end, boolean forward)方法。
4、整體流程
a、Touch的down事件，捕捉當(dāng)前的x、y數(shù)據(jù)，計算出被移動的View的所對應(yīng)index，并且其余view開始抖動動畫
b、move事件，將被選中的view根據(jù)x、y利用layout方法進行跟隨手指移動
c、up事件，執(zhí)行位置調(diào)整動畫，并且在調(diào)整完畢后，進行新位置的設(shè)置
看完上述內(nèi)容，你們掌握怎么在Android項目中實現(xiàn)一個Tab分類排序控件的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！
名稱欄目：怎么在Android項目中實現(xiàn)一個Tab分類排序控件
本文路徑：http://www.dlmjj.cn/article/jooics.html
