android實(shí)現(xiàn)上下左右滑動(dòng)界面布局
本文實(shí)例為大家分享了android實(shí)現(xiàn)滑動(dòng)界面布局的具體代碼,供大家參考,具體內(nèi)容如下
1.我使用的是ScrollView嵌套HorizontalScrollView讓ScrollView負(fù)責(zé)上下滑動(dòng)HorizontalScrollView負(fù)責(zé)左右滑動(dòng)
2.以下代碼提供了思路和完成手段,請根據(jù)具體業(yè)務(wù)去進(jìn)行修改,我試過使用recyclerview進(jìn)行自定義,發(fā)現(xiàn)一旦有了復(fù)雜業(yè)務(wù)之后會(huì)掉幀卡頓所以使用了這種方法
XML布局
<?xml version="1.0" encoding="utf-8"?> <test.smartonet.com.myapplication.PagerScrollView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/main" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <HorizontalScrollView android:id="@+id/hor" android:layout_width="match_parent" android:background="#e1f1f1" android:layout_height="160dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center|left" android:gravity="center" android:orientation="horizontal"> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/> </LinearLayout> </HorizontalScrollView> <HorizontalScrollView android:id="@+id/hor1" android:layout_width="match_parent" android:scrollbars="none" android:background="#a2f2f2" android:layout_height="160dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center|left" android:gravity="center" android:orientation="horizontal"> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/> </LinearLayout> </HorizontalScrollView> <HorizontalScrollView android:id="@+id/hor2" android:layout_width="match_parent" android:scrollbars="none" android:background="#a2a2f2" android:layout_height="160dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center|left" android:gravity="center" android:orientation="horizontal"> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/> </LinearLayout> </HorizontalScrollView> <HorizontalScrollView android:id="@+id/hor3" android:layout_width="match_parent" android:scrollbars="none" android:background="#f3f3f3" android:layout_height="160dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center|left" android:gravity="center" android:orientation="horizontal"> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/> </LinearLayout> </HorizontalScrollView> <HorizontalScrollView android:id="@+id/hor4" android:layout_width="match_parent" android:scrollbars="none" android:background="#a4f4f4" android:layout_height="200dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center|left" android:gravity="center" android:orientation="horizontal"> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/> </LinearLayout> </HorizontalScrollView> <HorizontalScrollView android:id="@+id/hor5" android:layout_width="match_parent" android:scrollbars="none" android:background="#f5f5f5" android:layout_height="200dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center|left" android:gravity="center" android:orientation="horizontal"> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/> </LinearLayout> </HorizontalScrollView> <HorizontalScrollView android:id="@+id/hor6" android:layout_width="match_parent" android:scrollbars="none" android:background="#a5f5f5" android:layout_height="200dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center|left" android:gravity="center" android:orientation="horizontal"> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A1"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A2"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A3"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A4"/> <TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A5"/><TextView android:layout_width="160dp" android:layout_height="60dp" android:gravity="center" android:text="A6"/> </LinearLayout> </HorizontalScrollView> </LinearLayout> </test.smartonet.com.myapplication.PagerScrollView>
mainAvtivity的代碼
package test.smartonet.com.myapplication; import android.annotation.SuppressLint; import android.content.Context; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import android.util.AttributeSet; import android.util.Log; import android.view.LayoutInflater; import android.view.MotionEvent; import android.view.View; import android.view.ViewGroup; import android.widget.HorizontalScrollView; import android.widget.LinearLayout; import android.widget.ScrollView; import android.widget.TextView; import android.widget.Toast; import org.w3c.dom.Text; import java.lang.reflect.Array; import java.util.ArrayList; import java.util.List; /** * zhaohan creat 2019/3/6 */ public class MainActivity extends AppCompatActivity { String TAG = "主程序"; float mPosX; float mPosY; float mCurPosX; float mCurPosY; int offset=10;//偏移量 int friction = 10;//摩擦力 final List<HorizontalScrollView> list = new ArrayList(); @SuppressLint("ClickableViewAccessibility") @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final PagerScrollView scrollView = findViewById(R.id.main); list.add((HorizontalScrollView) findViewById(R.id.hor)); list.add((HorizontalScrollView) findViewById(R.id.hor1)); list.add((HorizontalScrollView) findViewById(R.id.hor2)); list.add((HorizontalScrollView) findViewById(R.id.hor3)); list.add((HorizontalScrollView) findViewById(R.id.hor4)); list.add((HorizontalScrollView) findViewById(R.id.hor5)); list.add((HorizontalScrollView) findViewById(R.id.hor6)); for(HorizontalScrollView horizontalScrollView:list){ horizontalScrollView.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: mPosX = event.getX(); mPosY = event.getY(); Log.w(TAG,mPosY+""); break; case MotionEvent.ACTION_MOVE: mCurPosX = event.getX(); mCurPosY = event.getY(); case MotionEvent.ACTION_UP: if (mCurPosX - mPosX > 0 && (Math.abs(mCurPosX - mPosX) > offset)) { int speed = 10;//速度 int distance = 20;//滑動(dòng)距離 if((Math.abs(mCurPosX - mPosX))>50){ speed = (int) Math.abs(mCurPosX - mPosX)/friction; distance = (int) Math.abs(mCurPosX - mPosX)/3;//滑動(dòng)距離 } //向右滑動(dòng) Log.w(TAG,"向右滑動(dòng)了!"); while(distance>0) { distance = distance - speed; for(HorizontalScrollView horizontalScrollView:list){ horizontalScrollView.smoothScrollBy(distance, 0); } } return true;//true為屏蔽范圍內(nèi)的其他滑動(dòng)監(jiān)聽 } else if (mCurPosX - mPosX < 0 && (Math.abs(mCurPosX - mPosX) > offset)) { int speed = 10;//速度 int distance = 20;//滑動(dòng)距離 if((Math.abs(mCurPosX - mPosX))>50){ speed = (int) Math.abs(mCurPosX - mPosX)/friction; distance = (int) Math.abs(mCurPosX - mPosX)/3;//滑動(dòng)距離 } //向左滑動(dòng) Log.w(TAG,"向左滑動(dòng)了!"); //改為滑動(dòng) while(distance>0){ distance=distance-speed; for(HorizontalScrollView horizontalScrollView:list){ horizontalScrollView.smoothScrollBy(-distance,0 ); } } return true;//true為屏蔽范圍內(nèi)的其他滑動(dòng)監(jiān)聽 } break; } return true;//true為屏蔽范圍內(nèi)的其他滑動(dòng)監(jiān)聽 } }); } } } class PagerScrollView extends ScrollView { private float xDistance, yDistance, xLast, yLast; public PagerScrollView(Context context) { super(context); } public PagerScrollView(Context context, AttributeSet attrs) { super(context, attrs); } public PagerScrollView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } @Override public boolean onInterceptTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: xDistance = yDistance = 0f; xLast = ev.getX(); yLast = ev.getY(); break; case MotionEvent.ACTION_MOVE: final float curX = ev.getX(); final float curY = ev.getY(); xDistance += Math.abs(curX - xLast); yDistance += Math.abs(curY - yLast); xLast = curX; yLast = curY; /** * X軸滑動(dòng)距離大于Y軸滑動(dòng)距離,也就是用戶橫向滑動(dòng)時(shí),返回false,ScrollView不處理這次事件, * 讓子控件中的TouchEvent去處理,所以橫向滑動(dòng)的事件交由ViewPager處理, * ScrollView只處理縱向滑動(dòng)事件 */ if (xDistance > yDistance) { return false; } } return super.onInterceptTouchEvent(ev); } }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持我們。
上一篇:Flutter 實(shí)現(xiàn)下拉刷新上拉加載的示例代碼
欄 目:Android
下一篇:Android實(shí)現(xiàn)倒計(jì)時(shí)的按鈕效果
本文標(biāo)題:android實(shí)現(xiàn)上下左右滑動(dòng)界面布局
本文地址:http://mengdiqiu.com.cn/a1/Android/9017.html
您可能感興趣的文章
- 01-10Android自定義View之繪制圓形頭像功能
- 01-10Android實(shí)現(xiàn)雙擊返回鍵退出應(yīng)用實(shí)現(xiàn)方法詳解
- 01-10android實(shí)現(xiàn)記住用戶名和密碼以及自動(dòng)登錄
- 01-10android實(shí)現(xiàn)簡單計(jì)算器功能
- 01-10Android 友盟第三方登錄與分享的實(shí)現(xiàn)代碼
- 01-10C++自定義API函數(shù)實(shí)現(xiàn)大數(shù)相乘算法
- 01-10如何給Flutter界面切換實(shí)現(xiàn)點(diǎn)特效
- 01-10android實(shí)現(xiàn)指紋識別功能
- 01-10Emoji表情在Android JNI中的兼容性問題詳解
- 01-10Android實(shí)現(xiàn)圓形漸變加載進(jìn)度條


閱讀排行
本欄相關(guān)
- 01-10Android自定義View之繪制圓形頭像功能
- 01-10Android實(shí)現(xiàn)雙擊返回鍵退出應(yīng)用實(shí)現(xiàn)方
- 01-10android實(shí)現(xiàn)簡單計(jì)算器功能
- 01-10android實(shí)現(xiàn)記住用戶名和密碼以及自動(dòng)
- 01-10C++自定義API函數(shù)實(shí)現(xiàn)大數(shù)相乘算法
- 01-10Android 友盟第三方登錄與分享的實(shí)現(xiàn)代
- 01-10android實(shí)現(xiàn)指紋識別功能
- 01-10如何給Flutter界面切換實(shí)現(xiàn)點(diǎn)特效
- 01-10Android實(shí)現(xiàn)圓形漸變加載進(jìn)度條
- 01-10Emoji表情在Android JNI中的兼容性問題詳
隨機(jī)閱讀
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 01-10delphi制作wav文件的方法
- 01-10C#中split用法實(shí)例總結(jié)
- 01-11ajax實(shí)現(xiàn)頁面的局部加載
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
- 08-05DEDE織夢data目錄下的sessions文件夾有什
- 04-02jquery與jsp,用jquery
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-10使用C語言求解撲克牌的順子及n個(gè)骰子
- 08-05織夢dedecms什么時(shí)候用欄目交叉功能?