自定義橫向的(de)ScrollView - 新聞資訊 - 雲南小程序開發|雲南軟件開發|雲南網站建設-昆明融晨信息技術有限公司

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不(bù)管是(shì)網站,軟件還是(shì)小程序,都要(yào / yāo)直接或間接能爲(wéi / wèi)您産生價值,我們在(zài)追求其視覺表現的(de)同時(shí),更側重于(yú)功能的(de)便捷,營銷的(de)便利,運營的(de)高效,讓網站成爲(wéi / wèi)營銷工具,讓軟件能切實提升企業内部管理水平和(hé / huò)效率。優秀的(de)程序爲(wéi / wèi)後期升級提供便捷的(de)支持!

您當前位置>首頁 » 新聞資訊 » 技術分享 >

自定義橫向的(de)ScrollView

發表時(shí)間:2021-1-10

發布人(rén):融晨科技

浏覽次數:48


介紹一個(gè)自定義橫向的(de)ScrollView,可以(yǐ)監聽滑動的(de)狀态,可以(yǐ)監聽滑動到(dào)了(le/liǎo)最左側,正在(zài)中間滑動和(hé / huò)滑到(dào)了(le/liǎo)最右邊。
思路:
  1.根據ScrollView中第一層的(de)子(zǐ)View,其實第一層也(yě)就(jiù)一個(gè)View,這(zhè)是(shì)ScrollView規定的(de),ScrollView包含的(de)内容,必須全部放到(dào)一個(gè)子(zǐ)View中。
  2.根據最第一個(gè)子(zǐ)View的(de)左側坐标,右側坐标,ScrollView的(de)寬度和(hé / huò)橫向滑動的(de)距離,來(lái)判斷滑動的(de)位置。
  3.定義滑動位置的(de)監聽接口。



public class MyScrollView extends HorizontalScrollView {
	public MyScrollView(Context context) {
		super(context);
	}

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

	}

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

	@Override
	protected void onScrollChanged(int l, int t, int oldl, int oldt) {
		View view = (View) getChildAt(getChildCount() - 1);
		// 如果爲(wéi / wèi)0,證明滑動到(dào)最左邊
		if (view.getLeft() - getScrollX() == 0) {
			onScrollListener.onLeft();
			// 如果爲(wéi / wèi)0證明滑動到(dào)最右邊
		} else if ((view.getRight() - (getWidth() + getScrollX())) == 0) {
			onScrollListener.onRight();
			// 說(shuō)明在(zài)中間
		} else {
			onScrollListener.onScroll();
		}
		super.onScrollChanged(l, t, oldl, oldt);
	}

	/**
	 * 定義接口
	 * 
	 * @author admin
	 */
	public interface OnScrollListener1 {
		void onRight();

		void onLeft();

		void onScroll();
	}

	private OnScrollListener1 onScrollListener;

	public void setOnScrollListener(OnScrollListener1 onScrollListener) {
		this.onScrollListener = onScrollListener;
	}
}
 首先獲取ScrollView的(de)第一個(gè)孩子(zǐ),獲取到(dào)左側的(de)坐标view.getLeft(),獲取ScrollView在(zài)X方向滑動的(de)距離:getScrollX(),就(jiù)是(shì)ScrollView和(hé / huò)左側邊緣的(de)距離。獲取第一個(gè)孩子(zǐ)最右側X的(de)坐标:view.getRight().ScrllView的(de)寬度:getWidth()
view.getLeft()和(hé / huò)view.getLeft()的(de)值是(shì)不(bù)變的(de)。
view.getLeft():ScrollView的(de)寬度,其實也(yě)是(shì)屏幕的(de)寬度。

[img]http://img.blog.csdn.net/20150108111043953?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZm9yd2FyZHl6aw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

使用步驟:


activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fef4dc"
        android:gravity="center"
        android:orientation="horizontal" >

        <com.example.view.MyScrollView
            android:id="@+id/myView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scrollbars="none" >

            <LinearLayout
                android:id="@+id/sortliner"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:orientation="horizontal"
                android:paddingLeft="10dp"
                android:paddingRight="10dp" >
            </LinearLayout>
        </com.example.view.MyScrollView>
    </LinearLayout>

</LinearLayout>

MainActivity.java

public class MainActivity extends Activity {
	private final String TAG = MainActivity.class.getSimpleName();
	final String[] arr = { "骨科", "婦科", "普外科", "神經内科", "神經科", "神經外科", "普外",
			"普内", "呼吸科", "消化科", "兒科", "心内" };
	private MyScrollView myView;// 自定義的(de)滑動view
	private LinearLayout sortliner;// 滑動條

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initView();
		int screenWidth = getWindowManager().getDefaultDisplay().getWidth(); 
		Toast.makeText(getApplicationContext(), ""+screenWidth, 0).show();
		
	}

	public void initView() {
		myView = (MyScrollView) findViewById(R.id.myView);
		sortliner = (LinearLayout) findViewById(R.id.sortliner);

		sortliner.removeAllViews();
		myView.setOnScrollListener(new OnScrollListener1() {

			@Override
			public void onScroll() {
				Log.d(TAG, "在(zài)中間滑動");
			}

			@Override
			public void onRight() {
				Log.d(TAG, "滑動到(dào)了(le/liǎo)最右邊");
				Toast.makeText(getApplicationContext(), "滑到(dào)了(le/liǎo)最右邊", 0).show();
			}

			@Override
			public void onLeft() {
				Log.d(TAG, "滑動到(dào)了(le/liǎo)最左邊");
				Toast.makeText(getApplicationContext(), "滑到(dào)了(le/liǎo)最左邊", 0).show();
			}
		});
		initScrollChildView();
	}

	/**
	 * 準備向Scroller中添加View
	 * 
	 * @param params
	 */
	private void initScrollChildView() {
		LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT,
				LayoutParams.WRAP_CONTENT);
		for (int i = 0; i < arr.length; i++) {// 往二級分類中加載數據
			Button sort = new Button(MainActivity.this);
			sort.setText(arr[i]);
			sort.setTextSize(15);
			sort.setMinHeight(30);
			sort.setPadding(20, 5, 20, 5);
			// 把TextView添加到(dào)滑動條内
			sortliner.addView(sort, i, params);
		}
	}
}

源碼下載地(dì / de)址:http://download.csdn.net/detail/forwardyzk/8339959
效果圖:
[img]http://img.blog.csdn.net/20150108113330250?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZm9yd2FyZHl6aw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

相關案例查看更多