在 ViewPager 的页面上放置一个按钮

Question

我正在使用 ViewPager。我想在每个页面上放置一个按钮，但这样做会填满整个页面。我想确定按钮的宽度和高度，但不知道如何。

这是我的代码：

寻呼机Activity

public class PagerActivity extends Activity {

PagerContainer mContainer;

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mContainer = (PagerContainer) findViewById(R.id.pager_container);

    ViewPager pager = mContainer.getViewPager();
    PagerAdapter adapter = new MyPagerAdapter();
    pager.setAdapter(adapter);
    //Necessary or the pager will only have one extra page to show
    // make this at least however many pages you can see
    pager.setOffscreenPageLimit(adapter.getCount());
    //A little space between pages
    pager.setPageMargin(15);

    //If hardware acceleration is enabled, you should also remove
    // clipping on the pager for its children.
    pager.setClipChildren(false);




}

//Nothing special about this adapter, just throwing up colored views for demo
private class MyPagerAdapter extends PagerAdapter {

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        TextView view = new TextView(PagerActivity.this);
        view.setText("Item "+position);
        view.setGravity(Gravity.CENTER);
        view.setBackgroundColor(Color.argb(255, position * 50, position * 10, position * 50));
        view.setTextColor(Color.parseColor("#CA2C68"));

        Button buttonView = new Button(PagerActivity.this);
        buttonView.setBackgroundResource(R.drawable.button_states_azul);


        container.addView(buttonView);
        return buttonView;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView((View)object);
    }

    @Override
    public int getCount() {
        return 5;
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return (view == object);
    }
}

}

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/relativeLayout"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:background="#FF7CB8"
    android:id="@+id/linear" >

    <View
        android:layout_width="match_parent"
        android:layout_height="4dp"
        android:background="#CA2C68" 
        android:layout_gravity="bottom"/>
</LinearLayout>



<com.example.slidee.PagerContainer
    android:id="@+id/pager_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@id/linear"
    android:layout_alignParentBottom="true"
    android:layout_below="@+id/linear"
    android:background="#29C5FF" >

    <android.support.v4.view.ViewPager
        android:layout_width="234dp"
        android:layout_height="match_parent"
        android:layout_gravity="center_horizontal"
        android:background="#29C5FF" />
</com.example.slidee.PagerContainer>

Answer 1

您正在动态创建按钮，因此默认情况下它会对宽度和高度执行 match_parent。

添加这一行：

        buttonView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));

Answer 2

ViewPager 期望包含的视图占据整个容器。使用一些布局来包含一个按钮：

LinearLayout lay = new LinearLayout(PagerActivity.this);
LayoutParams lp = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
buttonView.setLayoutParams(lp);
lay.addView(buttonView);
container.addView(lay);

Answer 3

另一种方法是制作一个新的 xml 文件并对其进行扩充。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/viewpager_button"
android:background="@drawable/button_states_azul"/>
</LinearLayout>

并在 instantiateItem

LayoutInflater inflater = MainActivity.this.getLayoutInflater();
        View pagerView = inflater.inflate(R.layout.viewpager_layout, null);
Button button = (Button) pagerView.findViewById(R.id.viewpager_button);
container.addView(button);

Answer 4

这就是我的做法，创建一个 xml 您想要膨胀的布局。添加您想要的所有视图。然后在你的适配器 class 中，在 instantiateItem 覆盖中做这样的事情。请记住根据需要调整 xml 视图以适应 parents 宽度和高度。

    @Override
    public Object instantiateItem(ViewGroup container, final int position) {
    LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
    View view = inflater.inflate(R.layout.your_view, container, false);

    // get reference to your button over here if you have one
    Button b = (Button) view.findViewById(R.id.enter_button);


    container.addView(view);
    return view;
    }

在 ViewPager 的页面上放置一个按钮

Put a button on a page from a ViewPager

android

android-button

android-viewpager