Android ViewPager - Comment ajouter des boutons dans les pages?

Je suis ce lien pour faire un ViewPager http://blog.stylingandroid.com/archives/537
J'ai réussi à obtenir les différentes pages. Mais comment dois-je remplir ou à compléter ces pages avec des boutons?

instantiateItem()

Cela crée de la vue pour un poste donné. Pour un
application réelle nous serait d'utiliser un Fragment ici, ou gonfler une mise en page,
mais pour garder l'exemple simple, nous allons créer un TextView, le texte
la valeur correcte de nos titres de tableau, et l'ajouter à la ViewPager

Je veux avoir différentes fonctions des boutons sur les différentes pages. Comment dois-je faire? En utilisant les différentes mise en page? Comment puis-je mettre à la disposition au sein de la page (est-ce cela que vous appelez inflat)?

EDIT:
J'ai l'main.xml qui se compose de la ViewPager

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:weightSum="1">

    <com.viewpagerindicator.TitlePageIndicator
        android:id="@+id/indicator"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" />
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1" />        
</LinearLayout>

J'ai plusieurs autres xml qui se compose de boutons qui je tiens à le gonfler dans les différentes pages de la ViewPage. Exemple d'un fichier xml.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <Button android:layout_width="match_parent" android:text="Button 1" android:onClick="onClick" android:id="@+id/button1" android:layout_height="100dp"></Button>
    <Button android:text="Button 2" android:onClick="onClick" android:id="@+id/button2" android:layout_width="match_parent" android:layout_height="100dp"></Button>
    <Button android:text="Button 3" android:onClick="onClick" android:id="@+id/button3" android:layout_width="match_parent" android:layout_height="100dp"></Button>
    <Button android:text="Button 4" android:onClick="onClick" android:id="@+id/button4" android:layout_width="match_parent" android:layout_height="100dp"></Button>
    <Button android:text="Button 5" android:onClick="onClick" android:id="@+id/button5" android:layout_height="match_parent" android:layout_width="match_parent"></Button>

</LinearLayout>

Dans le ViewPagerAdapter.java, j'ai réussi à gonfler les différents XML dans les pages.

@Override
public Object instantiateItem( View pager, int position )
{
    //Inflate the correct layout
    LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

    //layouts[] is an int[] that points to resources such as R.layout.start_page
    View inflatedView = layoutInflater.inflate(layouts[position], null);

    ((ViewPager)pager).addView(inflatedView,0);

    return inflatedView;

}

Et ce qui doit être changé pour prévenir erreur.

@Override
public void destroyItem( View pager, int position, Object view )
{
    ((ViewPager)pager).removeView( (View)view );
}

Maintenant, j'ai plusieurs boutons sur les différentes pages. Comment puis-je programme le ONCLICK de la fonction des différents boutons sur les différentes pages? Ce travail peut?

public void onClick(View v) {
        switch (v.getId()) {
        case R.id.button1:
            //do something
            break;
        case R.id.button2:
            //do something
            break;
        case R.id.button3:
            //do something
            break;
        case R.id.button4:
            //do something
            break;
        case R.id.button5:
            //do something
            break;
        }
    }
Avez-vous essayé d'ajouter des boutons dans la mise en page?
je pense que le XML est le principal organe de la ViewPager (qui est un widget) et les boutons ne peuvent pas être ajoutée à l'intérieur d'elle à droite?

OriginalL'auteur humansg | 2012-05-14

  1. 1

    Voici un exemple de gonflage/par programmation l'ajout de points de vue avec des boutons:

    @Override
//Instantiate items based on corresponding layout IDs that were passed in
public Object instantiateItem(View container, int position)
{
    //Inflate the correct layout
    LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

    //layouts[] is an int[] that points to resources such as R.layout.start_page
    View inflatedView = layoutInflater.inflate(layouts[position], null);

    ((ViewPager)container).addView(inflatedView,0);

    //If you can't/don't want to have the above inflated layout include everything up front, you can add them now...
    LinearLayout ll = (LinearLayout)inflatedView.findViewById(R.id.linearLayout1);
    Button newButton = new Button(context);
    newButton.setText(R.string.button_text);
    ll.addView(newButton);

    return inflatedView;
}

    OriginalL'auteur Shellum

  2. 1

    J'ai récemment mis en place un système avec un ViewPager. J'utilise actionbar onglets (avec bibliothèque de compatibilité), un TabAdapter et ViewPager. Chaque onglet est son propre fragment et ajouté dans la barre via l'activité principale. Voici le code de la clé:

    public class Polling extends FragmentActivity {
private ViewPager mViewPager;
private TabsAdapter mTabsAdapter;
private final static String TAG = "21st Polling:";
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mViewPager = new ViewPager(this);
mViewPager.setId(R.id.pager);
setContentView(mViewPager);
final ActionBar bar = getActionBar();
bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
bar.setDisplayShowTitleEnabled(false);
bar.setDisplayShowHomeEnabled(false);
mTabsAdapter = new TabsAdapter(this, mViewPager);
mTabsAdapter.addTab(bar.newTab().setText(R.string.login),
LoginFragment.class, null);
mTabsAdapter.addTab(bar.newTab().setText(R.string.economics),
EconFragment.class, null);
mTabsAdapter.addTab(bar.newTab().setText(R.string.elections),
ElectionsFragment.class, null);
mTabsAdapter.addTab(bar.newTab().setText(R.string.politics),
PoliticsFragment.class, null);
mTabsAdapter.addTab(bar.newTab().setText(R.string.science),
ScienceFragment.class, null);
mTabsAdapter.addTab(bar.newTab().setText(R.string.finance),
FinanceFragment.class, null);
mTabsAdapter.addTab(bar.newTab().setText(R.string.religion),
ReligionFragment.class, null);
mTabsAdapter.addTab(bar.newTab().setText(R.string.military),
MilitaryFragment.class, null);
mTabsAdapter.addTab(bar.newTab().setText(R.string.international),
InternationalFragment.class, null);
}

    Et de l'adaptateur:

    public static class TabsAdapter extends FragmentPagerAdapter
implements ActionBar.TabListener, ViewPager.OnPageChangeListener {
private final Context mContext;
private final ActionBar mActionBar;
private final ViewPager mViewPager;
private final ArrayList<TabInfo> mTabs = new ArrayList<TabInfo>();
static final class TabInfo {
private final Class<?> clss;
private final Bundle args;
TabInfo(Class<?> _class, Bundle _args) {
clss = _class;
args = _args;
}
}
public TabsAdapter(FragmentActivity activity, ViewPager pager) {
super(activity.getSupportFragmentManager());
mContext = activity;
mActionBar = activity.getActionBar();
mViewPager = pager;
mViewPager.setAdapter(this);
mViewPager.setOnPageChangeListener(this);
}
public void addTab(ActionBar.Tab tab, Class<?> clss, Bundle args) {
TabInfo info = new TabInfo(clss, args);
tab.setTag(info);
tab.setTabListener(this);
mTabs.add(info);
mActionBar.addTab(tab);
notifyDataSetChanged();
}
public int getCount() {
return mTabs.size();
}
public Fragment getItem(int position) {
TabInfo info = mTabs.get(position);
return Fragment.instantiate(mContext, info.clss.getName(), info.args);
}
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
public void onPageSelected(int position) {
mActionBar.setSelectedNavigationItem(position);
}
public void onPageScrollStateChanged(int state) {
}
public void onTabSelected(Tab tab, FragmentTransaction ft) {
mViewPager.setCurrentItem(tab.getPosition());
Log.v(TAG, "clicked");
Object tag = tab.getTag();
for (int i=0; i<mTabs.size(); i++) {
if (mTabs.get(i) == tag) {
mViewPager.setCurrentItem(i);
}
}
}
public void onTabUnselected(Tab tab, FragmentTransaction ft) {}
public void onTabReselected(Tab tab, FragmentTransaction ft) {}
public void onTabReselected(Tab tab, android.app.FragmentTransaction ft) {}
@Override
public void onTabSelected(Tab tab, android.app.FragmentTransaction ft) {    
Object tag = tab.getTag();
for (int i=0; i<mTabs.size(); i++) {
if (mTabs.get(i) == tag) {
mViewPager.setCurrentItem(i);
}
}
}
public void onTabUnselected(Tab tab, android.app.FragmentTransaction ft) {}
}

    Et voici une classe qui fait des boutons et widgets sur chaque onglet:

    public class EconFragment extends SherlockFragment {
Polling activity;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
activity = (Polling)getActivity();
View v = inflater.inflate(R.layout.categoryfragment, container, false);
this.mainLayout = v;
return v;
}

    Aussi longtemps que vous modifiez le fichier XML qui est gonflé dans le code ci-dessus (categoryfragment.xml), chaque onglet vous permettra de charger tout ce que vous voulez mettre sur la page (TextView, Bouton, etc).

    OriginalL'auteur Davek804