5

Androidアプリに次へと前へのボタンを備えた水平スクロールビューがあります。スクロールビューでスクロールが必要な場合にのみこれらのボタンを表示したいです。つまり、スクロールビューのコンテンツの幅が表示幅を超えています。それぞれ最後の項目。これらのボタンをクリックしたときに次/前の項目に移動するには?

main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/mainLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#ffffff" >

        <Button
            android:id="@+id/btnPrevoius"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:text="Previous"
            android:visibility="gone" />

        <HorizontalScrollView
            android:id="@+id/horizontalScrollView1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="5dip"
            android:layout_marginRight="5dip"
            android:layout_toLeftOf="@+id/btnNext"
            android:layout_toRightOf="@+id/btnPrevoius"
            android:fillViewport="true" >

            <LinearLayout
                android:id="@+id/linearLayout1"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal" >
            </LinearLayout>
        </HorizontalScrollView>

        <Button
            android:id="@+id/btnNext"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:text="Next"
            android:visibility="gone" />

    </RelativeLayout>

アクティビティ

 public class SampleActivity extends Activity {
            private static LinearLayout linearLayout;
            private static HorizontalScrollView horizontalScrollView;
            private static Button btnPrevious;
            private static Button btnNext;
            private static int displayWidth = 0;
            private static int arrowWidth = 0;
            @Override
            public void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.main);
                horizontalScrollView = (HorizontalScrollView) findViewById(R.id.horizontalScrollView1);
                linearLayout = (LinearLayout) findViewById(R.id.linearLayout1);
                btnPrevious = (Button) findViewById(R.id.btnPrevoius);
                btnNext = (Button) findViewById(R.id.btnNext);
                for (int i = 0; i < 15; i++) {
                    Button button = new Button(this);
                    button.setTag(i);
                    button.setText("---");
                    linearLayout.addView(button);
                }
                ViewTreeObserver vto = linearLayout.getViewTreeObserver();
                vto.addOnGlobalLayoutListener(new OnGlobalLayoutListener() {

                    @Override
                    public void onGlobalLayout() {
                        ViewTreeObserver obs = linearLayout.getViewTreeObserver();
                        obs.removeGlobalOnLayoutListener(this);
                        Display display = getWindowManager().getDefaultDisplay();
                        displayWidth = display.getWidth();
                        if (linearLayout.getMeasuredWidth() > (displayWidth - 40)) {
                            btnPrevious.setVisibility(View.VISIBLE);
                            btnNext.setVisibility(View.VISIBLE);
                        }
                    }

                });
                btnPrevious.setOnClickListener(listnerLeftArrowButton);
                horizontalScrollView.setOnTouchListener(listenerScrollViewTouch);
            }

            private OnTouchListener listenerScrollViewTouch = new OnTouchListener() {

                @Override
                public boolean onTouch(View v, MotionEvent event) {
                    showHideViews();
                    return false;
                }
            };

            private OnClickListener listnerLeftArrowButton = new OnClickListener() {

                @Override
                public void onClick(View v) {
                    horizontalScrollView.onKeyDown(KeyEvent.KEYCODE_DPAD_RIGHT, new KeyEvent(0, 0));
                }
            };


        public static void showHideViews() {
            int maxScrollX = horizontalScrollView.getChildAt(0).getMeasuredWidth()- displayWidth;
            Log.e("TestProjectActivity", "scroll X = " +horizontalScrollView.getScrollX() );
            Log.i("TestProjectActivity", "scroll Width = " +horizontalScrollView.getMeasuredWidth() );
            Log.d("TestProjectActivity", "Max scroll X = " + maxScrollX);

            if (horizontalScrollView.getScrollX() == 0) {
                hideLeftArrow();
            } else {
                showLeftArrow();
            }
            if (horizontalScrollView.getScrollX() == maxScrollX) {
                showRightArrow();
            } else {
                //hideRightArrow();
            }
        }

        private static void hideLeftArrow() {
            btnPrevious.setVisibility(View.GONE);
        }

        private static void showLeftArrow() {
            btnPrevious.setVisibility(View.VISIBLE);
        }

        private static void hideRightArrow() {
            btnNext.setVisibility(View.GONE);
        }

        private static void showRightArrow() {
            btnNext.setVisibility(View.VISIBLE);
        }
    }

値は'maxScrollX'私にとって正しくありません。これの最大スクロール値を見つける方法は? 前もって感謝します

4

3 に答える 3

4

これは少し遅れるかもしれませんが、この問題に直面する人には、別の解決策を提案します.

まず、Horizo​​ntalScrollView とは異なるコンポーネントを使用します。オプションは次のとおりです。

オプション 1: 水平 ListView - このクラスをプロジェクトに追加します (com.yourproject.widgets のような別のパッケージを作成します)。また、カスタム アダプターを作成する必要があります。このでその方法を確認してください。別のアダプター クラス (exp. Horizo​​ntalListViewAdapter) を作成し、既に作成されている com.yourproject.widgets パッケージに配置することをお勧めします。

  • このウィジェットを xml のレイアウトに追加します (スクロール動作を模倣する必要があるボタンの間に配置します)。次のようなものを追加する必要があります。
<com.yourproject.widgets.HorizontalListView
            android:id="@+id/hList"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>
  • ウィジェットを利用するアクティビティ/フラグメントでこれを(ボタンとともに)参照します
HorizontalListView mHList = (HorizontalListView) findViewById (R.id.hList); 
Button bPrevoius = (Button) findViewById (R.id.btnPrevoius);
Button bNext = (Button) findViewById (R.id.btnNext);
  • ボタンに onClickListeners を追加します。Horizo​​ntalListView ウィジェットで定義済みの scrollTo() 関数を使用します。コードでわかるように、スクロールには int dp 値が必要です。右 (次) にスクロールする場合は正の値を追加し、左 (前) にスクロールする場合は負の値を使用します。

    bPrevoius.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            //value 500 is arbitrarily given. if you want to achieve 
            //element-by-element scroll you should get the width of the 
            //previous element dynamically or if the elements of the 
            //list have uniform width just put that value instead
             mHList.scrollTo(-500);
            //if it's the first/last element you can bPrevoius.setEnabled(false)
    
        }
    });
    
    
    bNext.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            mHList.scrollTo(500);
    
        }
    });
    

オプション 2:この問題に対する最新の解決策は、Android L で導入された新しいウィジェット RecyclerViewである可能性があります(android:scrollbars="vertical" を追加するとうまくいくようです。それ以外は、従来の ListView の動作にする必要があります)。詳細については、公式ドキュメントを確認してください。

于 2014-07-31T13:59:31.297 に答える
1

デブ

以下のリンクをご覧ください。

1) http://android-er.blogspot.in/2012/07/implement-gallery-like.html

2) http://androiddreamers.blogspot.in/2012/09/horizo​​ntal-scroll-view-example.html

3) http://code.google.com/p/mobyfactory-uiwidgets-android/

何か問題に直面している場合はお知らせください

ありがとう

于 2013-02-15T05:32:13.193 に答える
-1

チタン製アクセラレーターでは、scrollableView を使用してこれを行うことができます

var scrollableView = Ti.UI.createScrollableView({
            showPagingControl:true,
            scrollingEnabled: true,     
            top: 360                             
});

次に、すべての画像または所有するコンテンツのループを実行して、それらをこのビューに追加できます。

for(loop) {
eval("var view"+i+"=Ti.UI.createView();");

profile_image = Ti.UI.createImageView({
                image: result[0]['profile_image'],
                left:15,
                width:82,
                height:104,
                top: 0
            });

eval("view"+i+".add(profile_image);");

eval("scrollableView.addView(view"+i+");");

}

mywin.add(scrollableView);

于 2015-11-19T12:27:46.260 に答える