javascript - タブ付きリストからフラグメントを作成する

Question

コードの学習から現在までの長い時間の後、カード リスト ビューを使用してタブを使用する Android アプリを作成しようとしています。

3 つのタブすべてにカード リストを表示できるようにしたいのですが、それぞれに異なるリストを表示したいと考えています。私は何か間違ったことをしていることを知っていますが、フラグメントとタブを読んだ後、これを実装する方法がわかりません。

MainActivity には次のものがあります。

    public class MainActivity extends FragmentActivity implements Card.CardMenuListener<Card>{

    private final Handler handler = new Handler();

    private PagerSlidingTabStrip tabs;
    private ViewPager pager;
    private MyPagerAdapter adapter;

    private Drawable oldBackground = null;
    private int currentColor = 0xFF3F9FE0;


       @Override
        public void onCreate(Bundle savedInstanceState) {
            // This is quick way of theming the action bar without using styles.xml (e.g. using ActionBar Style Generator)
            getActionBar().setBackgroundDrawable(new ColorDrawable(getResources().getColor(android.R.color.holo_blue_dark)));
            getActionBar().setDisplayShowHomeEnabled(false);

            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);

            tabs = (PagerSlidingTabStrip) findViewById(R.id.tabs);
                    pager = (ViewPager) findViewById(R.id.pager);
                    adapter = new MyPagerAdapter(getSupportFragmentManager());

                    pager.setAdapter(adapter);

            // Initializes a CardAdapter with a blue accent color and basic popup menu for each card
            CardAdapter<Card> cardsAdapter = new CardAdapter<Card>(this)
                    .setAccentColorRes(android.R.color.holo_blue_light)
                    .setPopupMenu(R.menu.card_popup, this);

            cardsAdapter.add(new CardHeader(this, R.string.themeheader));
            cardsAdapter.add(new Card("Action", "Launcher")
                            .setThumbnail(this, R.drawable.apps_actionlauncherpro));  // sets a thumbnail image from drawable resources
            cardsAdapter.add(new Card("ADW", "Launcher")
                                    .setThumbnail(this, R.drawable.apps_adwex));  // sets a thumbnail image from drawable resources
            cardsAdapter.add(new Card("Apex", "Launcher")
                                    .setThumbnail(this, R.drawable.apps_apexlauncher));  // sets a thumbnail image from drawable resources
            cardsAdapter.add(new Card("Nova", "Launcher")
                                    .setThumbnail(this, R.drawable.apps_novalauncher));  // sets a thumbnail image from drawable resources

            CardListView cardsList = (CardListView) findViewById(R.id.cardsList);
            cardsList.setAdapter(cardsAdapter);

                    final int pageMargin = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 4, getResources()
                                    .getDisplayMetrics());
                    pager.setPageMargin(pageMargin);

                    tabs.setViewPager(pager);

        }


        @Override
        public void onMenuItemClick(Card card, MenuItem item) {
            Toast.makeText(this, card.getTitle() + ": " + item.getTitle(), Toast.LENGTH_SHORT).show();
        }

タブを設定して、必要な3つを提供するためにこれを持っています

    public class MyPagerAdapter extends FragmentPagerAdapter {

            private final int[] TITLES = { R.string.tab1, R.string.tab2, R.string.tab3 };

            public MyPagerAdapter(FragmentManager fm) {
                    super(fm);
            }

            @Override
            public CharSequence getPageTitle(int position) {
                    Locale l = Locale.getDefault();
                    switch (position) {
                    case 0:
                            return getString(R.string.tab1).toUpperCase(l);
                    case 1:
                            return getString(R.string.tab2).toUpperCase(l);
                    case 2:
                            return getString(R.string.tab3).toUpperCase(l);
                    }
                    return null;
            }

            @Override
            public Fragment getItem(int position) {
                    Fragment f = new Fragment();
                    switch(position){
                    case 0:
                            f=ThemeCardFragment.newInstance(position);     
                            break;
                    case 1:
                            f=ThemeCardFragment.newInstance(position);     
                            break;
                    }
                    return f;
            }

            @Override
            public int getCount() {
                    return TITLES.length;
            }      

以下をフラグメントに配置しましたが、これは間違っていると確信しています。

    public class ThemeCardFragment extends Fragment {

private static final String ARG_POSITION = "position";

private int position;

public static ThemeCardFragment newInstance(int position) {
    ThemeCardFragment f = new ThemeCardFragment();
    Bundle b = new Bundle();
    b.putInt(ARG_POSITION, position);
    f.setArguments(b);
    return f;
}

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    position = getArguments().getInt(ARG_POSITION);
}

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

    LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);

    FrameLayout fl = new FrameLayout(getActivity());
    fl.setLayoutParams(params);

    return fl;
}
    }

ここ、チュートリアル、および Android dev の例を見ようとしましたが、これを可能にするものがありません。

現実的に私は定義したいと思います

    ("Action", "Launcher") 

CardsAdapter で Strings.xml からの文字列として

私を正しい方向に向けるための洞察をいただければ幸いです。私は間違った方向に進み続けているようで、少なくとも 10 時間かけてそれを理解しようとしました。ありがとう。