如何解决默认情况下,TabLayout 项目与开始垂直对齐如何解决这个问题?
我一直在 Fragment 中使用 TabLayout 并且 TabLayout 项目在图像中显示为这样
这是我输入使用此 XML 代码的时候。
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
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">
<com.google.android.material.tabs.TabLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabTextColor="@color/black"
app:tabMode="scrollable"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" >
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tab One"/>
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tab Two"/>
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tab Three"/>
</com.google.android.material.tabs.TabLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
当我从 XML 中删除 'app:tabMode="scrollable"' 时,布局看起来像这样。 我尝试清理项目。清除缓存,尝试安装 .gradle。这些都没有奏效。
有人可以帮忙解决这个问题吗?谢谢
解决方法
我写了一个 100% 有效的 TabLayout
。试试看,你会没事的!
从此处的 Main Fragment
PotatoFragment
开始,稍后将包含 2 个 fragments
(AppleFragment
和 BananaFragment
)作为标签:
public class PotatoFragment extends Fragment {
public PotatoFragment() {
}
private AppleFragment appleFragment;
private BananaFragment bananaFragment;
@Override
public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_potato,container,false);
TabLayout tabLayout = view.findViewById(R.id.tab_layout_potato);
ViewPager viewPager = view.findViewById(R.id.view_pager_potato);
appleFragment = new AppleFragment();
bananaFragment = new BananaFragment();
tabLayout.setupWithViewPager(viewPager);
ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter(getChildFragmentManager(),0);
viewPagerAdapter.addFragment(appleFragment,"");
viewPagerAdapter.addFragment(bananaFragment,"");
viewPager.setAdapter(viewPagerAdapter);
tabLayout.getTabAt(0).setIcon(R.drawable.apple);
tabLayout.getTabAt(1).setIcon(R.drawable.banana);
return view;
}
private class ViewPagerAdapter extends FragmentPagerAdapter {
private List<Fragment> fragments = new ArrayList<>();
private List<String> fragmentTitle = new ArrayList<>();
public ViewPagerAdapter(@NonNull FragmentManager fm,int behavior) {
super(fm,behavior);
}
public void addFragment(Fragment fragment,String title) {
fragments.add(fragment);
fragmentTitle.add(title);
}
@NonNull
@Override
public Fragment getItem(int position) {
return fragments.get(position);
}
@Override
public int getCount() {
return fragments.size();
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return fragmentTitle.get(position);
}
}
}
写一个它的 XML
文件,这里是 fragment_potato.xml
:
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context="PotatoFragment"
android:background="#ffffff">
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#35c1f1">
<com.google.android.material.tabs.TabLayout
android:id="@+id/tab_layout_potato"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#35c1f1"/>
</com.google.android.material.appbar.AppBarLayout>
<androidx.viewpager.widget.ViewPager
android:id="@+id/view_pager_potato"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>
现在您只需要创建 2 个空的 Fragments
,分别称为 AppleFragment
和 BananaFragment
。干得好。您创建了一个 Fragment
,其中包含 2 个 Tab Fragments
。如果您用内容填充 2 Fragments
,Main Fragment
将隐藏在后面并且通常保持为空。干杯哥们!我想这个问题现在已经回答了:) 试一试。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。