自定義橫向的(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