android - 默认情况下,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。这些都不起作用。
有人可以帮忙解决这个问题。谢谢
解决方案
我写了一个TabLayout
100% 有效的。试试看,你会没事的!从您的 Main Fragment
here开始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
。如果你Fragments
用内容填满 2,MainFragment
将隐藏在后面并且通常保持为空。干杯伙计!我认为这个问题现在已经回答了:) 试一试。
推荐阅读
- python-3.x - 如何获得图像的一阶和二阶导数矩阵
- jackson - 使用内部类转换为嵌套的 pojo 类
- microservices - 仅在发送这些其他消息时触发消息事件
- c++ - 使用返回的模板参数创建对象失败,为什么?
- azure-data-factory-2 - 如果跳过笔记本执行,Azure 数据工厂管道将失败
- github - 为什么托管 .NET 应用程序的 GitHub 无法正常工作
- netlogo - 如何清除指挥中心的输出部分。?
- angular - Bentorfs 角度引导多选:多个显示道具
- algorithm - 如何找到从任何节点到集合 A 的最短路径
- ios - 索引超出范围错误不断使我的应用程序崩溃