Android 如何在小部件中使用swipeable选项卡作为片段？

这个问题的组成部分是在线的，但没有任何东西可以实现它们。我想创建一个主活动，它有一个包含swipeable选项卡的部分（将是一个片段）。下图显示了该部分的外观。我对Android如此陌生，我不知道如何将我的主要活动、片段活动和所有选项卡式视图编码为活动（我知道每个选项卡部分都应该有自己的活动）

我也不知道在我的活动主布局或片段布局中使用哪些小部件或布局。比如我应该使用什么小部件，TabHost/TabWidget？虽然我听说TabHost被贬值了。如何让标签刷卡？在下图中，灰色区域是每个选项卡中的图像所在位置，因此用户应该能够向左或向右滑动这些图像，并且选项卡将自行更改

请看，大多数教程都会告诉您如何使用ActionBar中的swipeable选项卡，但我不希望它在屏幕上显示得那么高。如图所示，就在片段小部件的内部。谢谢你的建议。越是循序渐进越好，因为我还是个初学者。多谢各位

---

下面是一个滚动标签的小例子。希望这对你有所帮助

MainActivity.java

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.ActionBarActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity extends ActionBarActivity {
    // used ActionBarActivity from v7 support library, 
    // for backward compatibility 

    private ViewPager viewPager;
    private MyPagerAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        viewPager = (ViewPager) findViewById(R.id.viewPager);
        adapter = new MyPagerAdapter(getSupportFragmentManager());

        viewPager.setAdapter(adapter);
    }

    private static class MyPagerAdapter extends FragmentPagerAdapter {
        public MyPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int arg0) {
            // each page corresponds to a new fragment
            // I'll return the same fragment for now
            return new MyFragment();
        }

        @Override
        public int getCount() {
            // return no of pages
            return 5;
        }

        @Override
        public CharSequence getPageTitle(int position) {
            // return the page title
            return "Tab " + position;
        }
    }

    public static class MyFragment extends Fragment {
        public MyFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_main, container,
                    false);
            return rootView;
        }
    }
}

public class MainActivity extends ActionBarActivity implements ActionBar.TabListener {

    private ViewPager viewPager;
    private MyPagerAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        viewPager = (ViewPager) findViewById(R.id.viewPager);
        adapter = new MyPagerAdapter(getSupportFragmentManager());

        viewPager.setAdapter(adapter);

        final ActionBar actionBar = getSupportActionBar();
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

        for(int i=0; i<5; i++)
            actionBar.addTab(actionBar.newTab().setTabListener(this).setText("Tab " + i));

        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageSelected(int arg0) {
                actionBar.selectTab(actionBar.getTabAt(arg0));
            }
            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
            }
            @Override
            public void onPageScrollStateChanged(int arg0) {
            }
        });
    }

    private static class MyPagerAdapter extends FragmentPagerAdapter {
        public MyPagerAdapter(FragmentManager fm) {
            super(fm);
        }
        @Override
        public Fragment getItem(int arg0) {
            // each page corresponds to a new fragment
            // I'll return the same fragment for now
            return new MyFragment();
        }
        @Override
        public int getCount() {
            // return no of pages
            return 5;
        }
    }

    public static class MyFragment extends Fragment {
        public MyFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_main, container,
                    false);
            return rootView;
        }
    }

    @Override
    public void onTabReselected(Tab arg0, FragmentTransaction arg1) {
    }

    @Override
    public void onTabSelected(Tab arg0, FragmentTransaction arg1) {
        viewPager.setCurrentItem(arg0.getPosition());
    }

    @Override
    public void onTabUnselected(Tab arg0, FragmentTransaction arg1) {
    }
}

活动\u main.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:ignore="MergeRootFrame" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <android.support.v4.view.PagerTitleStrip
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="top"
            android:background="#33b5e5"
            android:paddingBottom="4dp"
            android:paddingTop="4dp"
            android:textColor="#fff" />
    </android.support.v4.view.ViewPager>

</FrameLayout>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:ignore="MergeRootFrame" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </android.support.v4.view.ViewPager>

</FrameLayout>

.
下面是一个固定标签的小例子：

MainActivity.java

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.ActionBarActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity extends ActionBarActivity {
    // used ActionBarActivity from v7 support library, 
    // for backward compatibility 

    private ViewPager viewPager;
    private MyPagerAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        viewPager = (ViewPager) findViewById(R.id.viewPager);
        adapter = new MyPagerAdapter(getSupportFragmentManager());

        viewPager.setAdapter(adapter);
    }

    private static class MyPagerAdapter extends FragmentPagerAdapter {
        public MyPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int arg0) {
            // each page corresponds to a new fragment
            // I'll return the same fragment for now
            return new MyFragment();
        }

        @Override
        public int getCount() {
            // return no of pages
            return 5;
        }

        @Override
        public CharSequence getPageTitle(int position) {
            // return the page title
            return "Tab " + position;
        }
    }

    public static class MyFragment extends Fragment {
        public MyFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_main, container,
                    false);
            return rootView;
        }
    }
}

public class MainActivity extends ActionBarActivity implements ActionBar.TabListener {

    private ViewPager viewPager;
    private MyPagerAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        viewPager = (ViewPager) findViewById(R.id.viewPager);
        adapter = new MyPagerAdapter(getSupportFragmentManager());

        viewPager.setAdapter(adapter);

        final ActionBar actionBar = getSupportActionBar();
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

        for(int i=0; i<5; i++)
            actionBar.addTab(actionBar.newTab().setTabListener(this).setText("Tab " + i));

        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageSelected(int arg0) {
                actionBar.selectTab(actionBar.getTabAt(arg0));
            }
            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
            }
            @Override
            public void onPageScrollStateChanged(int arg0) {
            }
        });
    }

    private static class MyPagerAdapter extends FragmentPagerAdapter {
        public MyPagerAdapter(FragmentManager fm) {
            super(fm);
        }
        @Override
        public Fragment getItem(int arg0) {
            // each page corresponds to a new fragment
            // I'll return the same fragment for now
            return new MyFragment();
        }
        @Override
        public int getCount() {
            // return no of pages
            return 5;
        }
    }

    public static class MyFragment extends Fragment {
        public MyFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_main, container,
                    false);
            return rootView;
        }
    }

    @Override
    public void onTabReselected(Tab arg0, FragmentTransaction arg1) {
    }

    @Override
    public void onTabSelected(Tab arg0, FragmentTransaction arg1) {
        viewPager.setCurrentItem(arg0.getPosition());
    }

    @Override
    public void onTabUnselected(Tab arg0, FragmentTransaction arg1) {
    }
}

公共类MainActivity扩展ActionBarActivity实现ActionBar.TabListener{
私人视页机视页机；
专用MyPagerAdapter适配器；
@凌驾
创建时受保护的void（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）；
setContentView（R.layout.activity_main）；
viewPager=（viewPager）findViewById（R.id.viewPager）；
适配器=新的MyPagerAdapter（getSupportFragmentManager（））；
viewPager.setAdapter（适配器）；
最终ActionBar ActionBar=getSupportActionBar（）；
actionBar.setNavigationMode（actionBar.NAVIGATION\u MODE\u选项卡）；
对于（int i=0；ithanks Ankit，但这是我的一部分困难，我看到了这些东西，但随后就迷路了，不知道哪些部分最适合我的需要。即使S.O.上的人可以向我展示他们可能采取的步骤的概要，它也会将其分解为我可以单独关注的任务。但Android开发者页面对于增强很有好处，但我总觉得读它们时少了一些东西。也许这会让我的Android.NP变得更好。把这些东西分成几个步骤真的很难，因为ViewPager、FragmentPagerAdapter、Activities和Fragments都是相互关联的。但我会试着写一个答案，解释这些步骤。同时，你会找出是什么我喜欢你想要实现的标签。AFAIK标签功能可以通过两种方式实现：1使用ViewPager（例如Google Play标签）2使用动作栏导航。我个人更喜欢使用ViewPager.thanks Ankit，这是非常好的你考虑的步骤。我绝对不希望在动作栏中有任何东西，所以我认为VIEWPGER听起来是正确的。这是真的，考虑如何向所有不同的文件添加东西是棘手的。我知道会有一个主要活动THA。t“主机”片段活动小部件。片段将包含所有标签滑动的代码。然后在布局中，将有一个主布局，同样，它指的是所有标签小部件所在的片段布局…但我不清楚用于所有这些的方法、类或xml标记。提前感谢！FragmentPagerAdapter可能是n我听说这种东西也需要一个适配器。只是不知道具体在哪里或如何（非常感谢Ankit，这绝对是一个滑动的工作示例，但实际上是滚动选项卡，我只希望片段中的视图是可滑动的。如果我有很多选项卡，滚动选项卡会很好，但我只有5个，所以最好让它们在视图中都可见。不过这是一个非常好的工作！我可能会保存在如果有一天我需要它。：）你知道如何修复标签吗？然后刷卡只会从一个标签移动到下一个标签。尽管如此，谢谢你的努力。NP.无法提前回复你。你现在可能已经解决了问题。这可能会帮助其他人。：）