无法按正确顺序排列android选项卡

大家好，我只是想做到这一点。但我无法做到这一点

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#42474b"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
            <ImageView
                android:id="@+id/toolbarlogo"
                android:src="@mipmap/toolbarlogo"
                android:layout_width="wrap_content"
                android:layout_marginRight="200dp"
                android:layout_height="46dp"
                 />
        </android.support.v7.widget.Toolbar>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="#494e51"
            android:gravity="center_vertical"
            android:paddingLeft="40dp"
            android:textSize="10dp"
            android:textColor="#fff"
            android:text="The Ongoing survey closes on Dec 31,2016 at 2:00pm GMT"
            />
        <View
            android:layout_width="match_parent"
            android:layout_height="5dp"
            android:background="#fff"/>
        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabGravity="fill"
            app:tabTextAppearance="@style/MineCustomTabText"
            app:tabMode="fixed" />
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:background="@drawable/innerpg_bg"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>

我这样做是为了达到这个目的

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#42474b"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
            <ImageView
                android:id="@+id/toolbarlogo"
                android:src="@mipmap/toolbarlogo"
                android:layout_width="wrap_content"
                android:layout_marginRight="200dp"
                android:layout_height="46dp"
                 />
        </android.support.v7.widget.Toolbar>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="#494e51"
            android:gravity="center_vertical"
            android:paddingLeft="40dp"
            android:textSize="10dp"
            android:textColor="#fff"
            android:text="The Ongoing survey closes on Dec 31,2016 at 2:00pm GMT"
            />
        <View
            android:layout_width="match_parent"
            android:layout_height="5dp"
            android:background="#fff"/>
        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabGravity="fill"
            app:tabTextAppearance="@style/MineCustomTabText"
            app:tabMode="fixed" />
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:background="@drawable/innerpg_bg"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>

这是我的班级档案

public class MainActivity extends AppCompatActivity {

    private Toolbar toolbar;
    private TabLayout tabLayout;
    private ViewPager viewPager;
    private int[] tabIcons = {
            R.drawable.ongoing,
            R.drawable.upcoming,
            R.drawable.results
    };

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

        toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        toolbar.setPadding(0, getStatusBarHeight(), 0, 0);

        viewPager = (ViewPager) findViewById(R.id.viewpager);
        setupViewPager(viewPager);

        tabLayout = (TabLayout) findViewById(R.id.tabs);
        tabLayout.setupWithViewPager(viewPager);
        setupTabIcons();

        for(int i=0; i < tabLayout.getTabCount(); i++) {
            View tab = ((ViewGroup) tabLayout.getChildAt(0)).getChildAt(i);
            ViewGroup.MarginLayoutParams p = (ViewGroup.MarginLayoutParams) tab.getLayoutParams();
            p.setMargins(10, 10, 50, 30);
            tab.requestLayout();
        }

    }

    private void setupTabIcons() {
        tabLayout.getTabAt(0).setIcon(tabIcons[0]);
        tabLayout.getTabAt(1).setIcon(tabIcons[1]);
        tabLayout.getTabAt(2).setIcon(tabIcons[2]);
    }


    private void setupViewPager(ViewPager viewPager) {
        ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
        adapter.addFrag(new Ongoing(), "Ongoing");
        adapter.addFrag(new Upcomming(), "Upcomming");
        adapter.addFrag(new Result(), "Result");
        viewPager.setAdapter(adapter);
    }



    public int getStatusBarHeight() {
        int result = 0;
        int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {
            result = getResources().getDimensionPixelSize(resourceId);
        }
        return result;
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        switch (item.getItemId()) {
            case R.id.settings:
                return true;
        }
        return super.onOptionsItemSelected(item);
    }

    class ViewPagerAdapter extends FragmentPagerAdapter {
        private final List<Fragment> mFragmentList = new ArrayList<>();
        private final List<String> mFragmentTitleList = new ArrayList<>();

        public ViewPagerAdapter(FragmentManager manager) {
            super(manager);
        }

        @Override
        public Fragment getItem(int position) {
            return mFragmentList.get(position);
        }

        @Override
        public int getCount() {
            return mFragmentList.size();
        }

        public void addFrag(Fragment fragment, String title) {
            mFragmentList.add(fragment);
            mFragmentTitleList.add(title);
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return mFragmentTitleList.get(position);
        }
    }
}

public类MainActivity扩展了AppCompatActivity{
专用工具栏；
私人摊位摊位；
私人视页机视页机；
私有int[]选项卡图标={
R.drawable.正在进行中，
R.drawable.即将推出，
R.drawable.results
};
@凌驾
创建时受保护的void（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）；
setContentView（R.layout.activity_main）；
toolbar=（toolbar）findviewbyd（R.id.toolbar）；
设置支持操作栏（工具栏）；
setPadding（0，getStatusBarHeight（），0，0）；
viewPager=（viewPager）findViewById（R.id.viewPager）；
设置viewPager（viewPager）；
tabLayout=（tabLayout）findViewById（R.id.tabs）；
tabLayout.setupWithViewPager（viewPager）；
setupTabIcons（）；
for（int i=0；i0）{
结果=getResources（）.getDimensionPixelSize（resourceId）；
}
返回结果；
}
@凌驾
公共布尔onCreateOptions菜单（菜单）{
MenuInflater充气机=getMenuInflater（）；
充气机。充气（右菜单。主菜单，菜单）；
返回true；
}
@凌驾
公共布尔值onOptionsItemSelected（菜单项项）{
开关（item.getItemId（））{
案例R.id设置：
返回true；
}
返回super.onOptionsItemSelected（项目）；
}
类ViewPagerAdapter扩展了FragmentPagerAdapter{
私有最终列表MFFragmentList=new ArrayList（）；
私有最终列表MFFragmentTitleList=new ArrayList（）；
公共视图页面编辑器（碎片管理器）{
高级经理；
}
@凌驾
公共片段getItem（int位置）{
返回MFFragmentList.get（位置）；
}
@凌驾
public int getCount（）{
返回MFFragmentList.size（）；
}
public void addFrag（片段、字符串标题）{
添加（片段）；
MFFragmentTitleList.add（标题）；
}
@凌驾
公共字符序列getPageTitle（int位置）{
返回MFFragmentTitleList.get（位置）；
}
}
}

使用上面的代码，我得到了图标下方的标签文本（我的意思是在两个不同的行中）。下一个问题是我已经设置了边距，但我不知道如何设置边距的颜色。最后一个问题是我想将活动标签的背景色更改为黄色，如图所示。请帮助我解决此问题

您可以使用在屏幕左侧显示可绘制 正确地查看文本

对于不同状态的不同背景颜色，您可以使用 android：不同颜色状态的背景，如

您可以使用在屏幕左侧显示可绘制 正确地查看文本

对于不同状态的不同背景颜色，您可以使用 android：不同颜色状态的背景，如

试试这个

private void setupTabIcons() {
    LayoutInflater inflater = LayoutInflater.from(this);

    View view1 = inflater.inflate(R.layout.custom_view, null, false);
    ((TextView) view1.findViewById(R.id.text)).setText("Tab1");
    ((ImageView) view1.findViewById(R.id.image)).setImageResource(tabIcon[0]);

    View view2 = inflater.inflate(R.layout.custom_view, null, false);
    ((TextView) view2.findViewById(R.id.text)).setText("Tab2");
    ((ImageView) view2.findViewById(R.id.image)).setImageResource(tabIcon[0]);

    View view3 = inflater.inflate(R.layout.custom_view, null, false);
    ((TextView) view3.findViewById(R.id.text)).setText("Tab3");
    ((ImageView) view3.findViewById(R.id.image)).setImageResource(tabIcon[0]);


    tabLayout.getTabAt(0).setCustomView(view1);
    tabLayout.getTabAt(1).setCustomView(view2);
    tabLayout.getTabAt(2).setCustomView(view3);

您的自定义视图如下所示

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

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

试试这个

private void setupTabIcons() {
    LayoutInflater inflater = LayoutInflater.from(this);

    View view1 = inflater.inflate(R.layout.custom_view, null, false);
    ((TextView) view1.findViewById(R.id.text)).setText("Tab1");
    ((ImageView) view1.findViewById(R.id.image)).setImageResource(tabIcon[0]);

    View view2 = inflater.inflate(R.layout.custom_view, null, false);
    ((TextView) view2.findViewById(R.id.text)).setText("Tab2");
    ((ImageView) view2.findViewById(R.id.image)).setImageResource(tabIcon[0]);

    View view3 = inflater.inflate(R.layout.custom_view, null, false);
    ((TextView) view3.findViewById(R.id.text)).setText("Tab3");
    ((ImageView) view3.findViewById(R.id.image)).setImageResource(tabIcon[0]);


    tabLayout.getTabAt(0).setCustomView(view1);
    tabLayout.getTabAt(1).setCustomView(view2);
    tabLayout.getTabAt(2).setCustomView(view3);

您的自定义视图如下所示

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

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

Plz提供您的输出屏幕。。或者参考以下内容：-你想要什么布局？我想要水平布局，就像上面的屏幕一样Sagar bro我已经试过android hive了。它的nt工作方式请提供你的输出屏幕。。或者参考这个：-你想要什么样的布局？我想要水平布局就像上面的屏幕一样Sagar bro我已经试过android hive了。它是ntworking@EdwardMintus你看过颜色列表了吗？我做了我能做的一切，它不工作，拜托help@EdwardMintus你看过颜色列表了吗？我尽了我所能，它不起作用，请帮助。那么图标呢？setCompoundDrawables方法中的第一个参数类型错误使用ContextCompat.getDrawable（这是tabIcons[0]），而不是tabIcons[0]根据您的建议。我正在获取文本使用图像和文本视图展开线性布局在文本视图中查找id设置为文本的视图，在图像视图中查找id设置为文本的视图，并将该自定义视图添加到相应的选项卡那么图标呢？setCompoundDrawables方法中的第一个参数类型错误使用ContextCompat.getDrawable（这是Tabions[0]），而不是按照您的建议使用Tabions[0]。我刚刚得到文本使用图像和文本视图展开线性布局在文本视图中查找id设置为文本的视图，在图像视图中查找图像，并将自定义视图添加到相应的选项卡