HorizontalScrollView 一屏顯示多個頁面

布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.lib.demo.viewpagedemo.MyScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#333333"
            android:orientation="horizontal"
            android:paddingLeft="15dp"
            android:paddingRight="15dp">
        </LinearLayout>
    </com.lib.demo.viewpagedemo.MyScrollView>
</LinearLayout>

重寫HorizontalScrollView

package com.lib.demo.viewpagedemo;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.HorizontalScrollView;

import java.util.ArrayList;

/**
 * Created by CHENGC on 2018/1/18.
 */

public class MyScrollView extends HorizontalScrollView {
    private int subChildCount = 0;
    private ViewGroup firstChild = null;
    private int downX = 0;
    private int currentPage = 0;
    private ArrayList<Integer> pointList = new ArrayList<Integer>();

    public MyScrollView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }


    public MyScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public MyScrollView(Context context) {
        super(context);
        init();
    }

    private void init() {
        setHorizontalScrollBarEnabled(false);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        receiveChildInfo();
    }

    public void receiveChildInfo() {
        firstChild = (ViewGroup) getChildAt(0);
        if (firstChild != null) {
            subChildCount = firstChild.getChildCount();
            for (int i = 0; i < subChildCount; i++) {
                if (((View) firstChild.getChildAt(i)).getWidth() > 0) {
                    pointList.add(((View) firstChild.getChildAt(i)).getLeft() - firstChild.getPaddingLeft());
                }
            }
        }

    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                downX = (int) ev.getX();
                break;
            case MotionEvent.ACTION_MOVE: {

            }
            break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL: {
                if (Math.abs((ev.getX() - downX)) > getWidth() / 10) {
                    if (ev.getX() - downX > 0) {
                        smoothScrollToPrePage();
                    } else {
                        smoothScrollToNextPage();
                    }
                } else {
                    smoothScrollToCurrent();
                }
                return true;
            }
        }
        return super.onTouchEvent(ev);
    }

    private void smoothScrollToCurrent() {
        smoothScrollTo(pointList.get(currentPage), 0);
    }

    private void smoothScrollToNextPage() {
        if (currentPage < subChildCount - 1) {
            currentPage++;
            smoothScrollTo(pointList.get(currentPage), 0);
        }
    }

    private void smoothScrollToPrePage() {
        if (currentPage > 0) {
            currentPage--;
            smoothScrollTo(pointList.get(currentPage), 0);
        }
    }

    /**
     * 下一頁
     */
    public void nextPage() {
        smoothScrollToNextPage();
    }

    /**
     * 上一頁
     */
    public void prePage() {
        smoothScrollToPrePage();
    }

    /**
     * 跳轉到指定的頁面
     *
     * @param page
     * @return
     */
    public boolean gotoPage(int page) {
        if (page > 0 && page < subChildCount - 1) {
            smoothScrollTo(pointList.get(page), 0);
            currentPage = page;
            return true;
        }
        return false;
    }
}

使用:

package com.lib.demo.viewpagedemo;

import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.DisplayMetrics;
import android.util.TypedValue;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class HorizontalScrollViewActivity extends AppCompatActivity {

    private LinearLayout mContainer = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_horizontal_scroll_view);

        mContainer = (LinearLayout) findViewById(R.id.container);

        int def = (getWinWidth() - dip2px(this, 30) - dip2px(this, 10)) / 2;
        int w = def;
        int h = (def / 4) * 3;
        int num = 3;
        for (int i = 0; i < num; i++) {
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(w, h);
            if (i == num - 1) {
                params.rightMargin = 0;
            } else {
                params.rightMargin = dip2px(this, 10);
            }
            ImageView imageView1 = new ImageView(this);
            imageView1.setLayoutParams(params);
            imageView1.setImageResource(R.drawable.t02);
            imageView1.setScaleType(ImageView.ScaleType.CENTER);
            mContainer.addView(imageView1);
        }
    }

    @Override
    protected void onResume() {
        //        ((MyScrollView)mContainer.getParent()).init();
        super.onResume();
    }

    private int getWinWidth() {
        DisplayMetrics dm = new DisplayMetrics();
        //獲取屏幕信息
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        return dm.widthPixels;
    }

    private int getWinHeight() {
        DisplayMetrics dm = new DisplayMetrics();
        //獲取屏幕信息
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        return dm.heightPixels;
    }

    public static int dip2px(Context context, float dpValue) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dpValue, context
                .getResources().getDisplayMetrics());
    }
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌旋圆,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,835評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件见芹,死亡現(xiàn)場離奇詭異叮叹,居然都是意外死亡宙项,警方通過查閱死者的電腦和手機罕邀,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,900評論 2 383
  • 文/潘曉璐 我一進店門畅形,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人燃少,你說我怎么就攤上這事束亏×逶冢” “怎么了阵具?”我有些...
    開封第一講書人閱讀 156,481評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長定铜。 經常有香客問我阳液,道長,這世上最難降的妖魔是什么揣炕? 我笑而不...
    開封第一講書人閱讀 56,303評論 1 282
  • 正文 為了忘掉前任帘皿,我火速辦了婚禮,結果婚禮上畸陡,老公的妹妹穿的比我還像新娘鹰溜。我一直安慰自己,他們只是感情好丁恭,可當我...
    茶點故事閱讀 65,375評論 5 384
  • 文/花漫 我一把揭開白布曹动。 她就那樣靜靜地躺著,像睡著了一般牲览。 火紅的嫁衣襯著肌膚如雪墓陈。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,729評論 1 289
  • 那天,我揣著相機與錄音贡必,去河邊找鬼兔港。 笑死,一個胖子當著我的面吹牛仔拟,可吹牛的內容都是我干的衫樊。 我是一名探鬼主播,決...
    沈念sama閱讀 38,877評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼利花,長吁一口氣:“原來是場噩夢啊……” “哼橡伞!你這毒婦竟也來了?” 一聲冷哼從身側響起晋被,我...
    開封第一講書人閱讀 37,633評論 0 266
  • 序言:老撾萬榮一對情侶失蹤兑徘,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后羡洛,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體挂脑,經...
    沈念sama閱讀 44,088評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,443評論 2 326
  • 正文 我和宋清朗相戀三年欲侮,在試婚紗的時候發(fā)現(xiàn)自己被綠了崭闲。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,563評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡威蕉,死狀恐怖刁俭,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情韧涨,我是刑警寧澤牍戚,帶...
    沈念sama閱讀 34,251評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站虑粥,受9級特大地震影響如孝,放射性物質發(fā)生泄漏。R本人自食惡果不足惜娩贷,卻給世界環(huán)境...
    茶點故事閱讀 39,827評論 3 312
  • 文/蒙蒙 一第晰、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧彬祖,春花似錦茁瘦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,712評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至南蓬,卻和暖如春纺非,著一層夾襖步出監(jiān)牢的瞬間哑了,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,943評論 1 264
  • 我被黑心中介騙來泰國打工烧颖, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留弱左,地道東北人。 一個月前我還...
    沈念sama閱讀 46,240評論 2 360
  • 正文 我出身青樓炕淮,卻偏偏與公主長得像拆火,于是被迫代替她去往敵國和親铸屉。 傳聞我的和親對象是個殘疾皇子吃嘿,可洞房花燭夜當晚...
    茶點故事閱讀 43,435評論 2 348

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,726評論 25 707
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,362評論 0 17
  • Tangram是阿里出品姨拥、用于快速實現(xiàn)組合布局的框架模型润歉,在手機天貓Android&iOS版 內廣泛使用 該框架提...
    wintersweett閱讀 3,265評論 0 1
  • 喧囂世事模狭,隨他們去紛擾,讀本書踩衩、抄段經嚼鹉、聽聽音樂,內心有著前所未有的平靜驱富。
    傻子貝貝閱讀 135評論 0 0
  • 職場中有些人就是沒有道理可講锚赤,有些人的世界和邏輯,你永遠無法理解褐鸥。那些自以為是的人线脚,往往最終發(fā)現(xiàn),不過是自己的無知...
    一頭蝸牛閱讀 306評論 0 1