Android:在选择项目后,在屏幕的中心位置找到项目,在水平线滚动视图中

时间:2014-05-23 09:54:06

标签: android scroll center horizontalscrollview

我选择将项目滚动到屏幕的中间位置。我在其中使用了Horizo​​ntalscrollview和LinearLayout来添加项目。我在XML中显示

XML

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

  <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/bottom"
        android:orientation="vertical" >

       <HorizontalScrollView
                android:id="@+id/scrollView"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/updown"
                android:layout_weight="0.8"
                android:fadingEdgeLength="0dp" >

                <LinearLayout
                    android:id="@+id/horizontalbar"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="@color/tlbackground"
                    android:baselineAligned="true"
                    android:orientation="horizontal" >
                </LinearLayout>
       </HorizontalScrollView>
  </LinearLayout>
</RelativeLayout>

public class MainActivity extends FragmentActivity implements ActionBar.TabListener
{

    @Override
    protected void onCreate(Bundle savedInstanceState) 
    {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      hsl = (HorizontalScrollView) findViewById(R.id.scrollView);
      LinearLayout l1 = (LinearLayout)findViewById(R.id.horizontalbar);

        for(int i = 0; i < 20; i++)
        {
            Button b = new Button(this);
            b.setText("t"+i);
            ll.addView(b);
        }
     }
}

我想要像图中那样的东西

点击

enter image description here

点击

enter image description here

如何在Horizo​​ntalScrollview中将所选项目滚动到中间?

3 个答案:

答案 0 :(得分:14)

经过长时间的尝试,我已经得到了这个

for (int i = 0; i < 20; i++) {
    final Button b = new Button(this);
    b.setText("t" + i);
    b.setOnClickListener(new OnClickListener() {

    @Override
    public void onClick(View v) {
       int scrollX = (b.getLeft() - (screenWidth / 2)) + (b.getWidth() / 2);
       hsl.smoothScrollTo(scrollX, 0);
    }
});

ll.addView(b);
}

答案 1 :(得分:4)

这就是你的onCreate应该是这样的:

hsl = (HorizontalScrollView) findViewById(R.id.scrollView);
LinearLayout ll = (LinearLayout) findViewById(R.id.horizontalbar);

Display display = getWindowManager().getDefaultDisplay();
Point size = new Point();
display.getSize(size);
final int width = size.x;

for (int i = 0; i < 20; i++) {
    final Button b = new Button(this);
    b.setText("t" + i);
    b.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            int center = (width - b.getWidth())/2;
            hsl.scrollTo(b.getLeft() - center, b.getTop());
        }
    });

    ll.addView(b);
}

我唯一没有发现的是为什么我需要减去额外的200px(在我的情况下)。可能是一些填充或其他东西。而不是200,你可以发现它有多少逢低并调用函数:

public static int convertDipToPixels(Context c, float dips) {
    return (int) (dips * c.getResources().getDisplayMetrics().density + 0.5f);
}

答案 2 :(得分:0)

试试这个,它会起作用

DisplayMetrics displayMetrics = new DisplayMetrics();
    getActivity().getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
    int screenWidth = displayMetrics.widthPixels;
    int viewWidth = mainView.getWidth() + mainView.getPaddingLeft() + mainView.getPaddingRight();
    int scrollX = (viewWidth * index) - ((screenWidth / 2) + (viewWidth / 2));
    mHorizontalScrollView.smoothScrollTo(scrollX, 0);

mainView是您的项目视图,索引是(项目的位置+ 1)