Question

我正在创建一个移动应用程序，在我的底部导航中，我将有4个图标。

我开始为每个图标使用不同的活动，因为在一个图标上我将在顶部添加一个滑动条，并且不确定我是否可以使用碎片来执行此操作。

我不确定我是否说得对，但是我可以这么做只需使用一个活动和七个不同的片段来创建这个应用程序。每个图标的一个片段，但一个图标将包括滑动到的功能其他片段。

这可能吗？

Answer 1

是的，您可以通过在此实施VIEWPAGER来实现此目的。以下是相同的参考。

只需 viewpager 与 tablayout 一起使用，即可完成所有这些操作而无需编码。以下是程序：你的主要布局：

 <RelativeLayout 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="wrap_content">
  <android.support.v4.view.ViewPager
  android:id="@+id/pager"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  </android.support.v4.view.ViewPager>
  <android.support.design.widget.TabLayout      android:id="@+id/tabDots"
  android:layout_alignParentBottom="true"
  android:layout_width="match_parent"
   android:layout_height="wrap_content"
  app:tabBackground="@drawable/tab_selector"      app:tabGravity="center"
  app:tabIndicatorHeight="0dp"/>
  </RelativeLayout>

将活动或片段中的UI元素连接起来，如下所示： Java代码：

 mImageViewPager = (ViewPager) findViewById(R.id.pager); 
 TabLayout tabLayout = (TabLayout) findViewById(R.id.tabDots);      tabLayout.setupWithViewPager(mImageViewPager, true);

这就是你很高兴。

现在，您可以在TabLayout中设置标签。并使用此选项卡操纵您的VIEWPAGER。

在xml资源文件之后，您需要在 drawable 文件夹中创建.. 的 tab_indicator_selected.xml

<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:innerRadius="0dp" android:shape="ring" android:thickness="4dp" android:useLevel="false"> <solid android:color="@color/colorAccent"/> </shape> </item> </layer-list>

<强> tab_indicator_default.xml

<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:innerRadius="0dp" android:shape="ring" android:thickness="2dp" android:useLevel="false"> <solid android:color="@android:color/darker_gray"/> </shape> </item> </layer-list>

<强> tab_selector.xml

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/tab_indicator_selected" android:state_selected="true"/> <item android:drawable="@drawable/tab_indicator_default"/> </selector>

带有一个活动的安卓底部导航

1 个答案: