【问题标题】:How do I use a ViewPager with the AHBottomNavigation bar?如何将 ViewPager 与 AHBottomNavigation 栏一起使用?
【发布时间】:2017-04-10 13:29:15
【问题描述】:

我想将 ViewPager 与 Aurel Hubert https://github.com/aurelhubert/ahbottomnavigation 的 BottomNavigation 栏一起使用

我有以下代码:

我的activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.aaron.waller.mrpolitik.MainActivity"
    android:id="@+id/content_id">

    <com.aurelhubert.ahbottomnavigation.AHBottomNavigation
        android:id="@+id/myBottomNavigation_ID"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:layout_alignParentBottom="true"/>


</RelativeLayout>

还有我的 MainActivity.java:

public class MainActivity extends AppCompatActivity implements AHBottomNavigation.OnTabSelectedListener {

    AHBottomNavigation bottomNavigation;




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




        bottomNavigation = (AHBottomNavigation) findViewById(R.id.myBottomNavigation_ID);
        bottomNavigation.setOnTabSelectedListener(this);
        bottomNavigation.setDefaultBackgroundColor(Color.BLUE);
        this.createNavItems();

    }


    //Create items, add them to bar, set propertied and set current item
    private void createNavItems() {
        //CREATE ITEMS
        AHBottomNavigationItem ohnemundItem = new AHBottomNavigationItem("Parteien", R.drawable.parteienicon);
        AHBottomNavigationItem grinseItem = new AHBottomNavigationItem("Statistiken", R.drawable.statsicon);
        AHBottomNavigationItem lachItem = new AHBottomNavigationItem("Fragen", R.drawable.fragenicon);

        //ADD THEM to bar
        bottomNavigation.addItem(ohnemundItem);
        bottomNavigation.addItem(grinseItem);
        bottomNavigation.addItem(lachItem);


        //set properties
        bottomNavigation.setDefaultBackgroundColor(Color.parseColor("#FEFEFE"));

        //set current item
        bottomNavigation.setCurrentItem(0);

    }

    @Override
    public void onTabSelected(int position, boolean wasSelected) {
        if (position == 0) {
            ParteienFragment parteienFragment = new ParteienFragment();
            getSupportFragmentManager().beginTransaction().replace(R.id.content_id, parteienFragment).commit();
        } else if (position == 1) {
            StatistikenFragment statistikenFragment = new StatistikenFragment();
            getSupportFragmentManager().beginTransaction().replace(R.id.content_id, statistikenFragment).commit();
        } else if (position == 2) {
            FragenFragment fragenFragment = new FragenFragment();
            getSupportFragmentManager().beginTransaction().replace(R.id.content_id, fragenFragment).commit();
        }
    }
}

我不知道在这种情况下如何实现 ViewPager。 我已经用谷歌搜索了,但没有发现任何特定于此 NavigationBar 的内容。 是否可以使用此导航栏添加滑动效果? 我想要的只是我可以在我的 Fragments 之间左右擦拭。

【问题讨论】:

  • 你怎么了?
  • 使用带有底部导航的 ViewPager 违背了 Material Design - material.io/guidelines/components/…
  • @Joy 你什么意思?我的问题有什么问题?请解释一下,我是 Android Studio 新手
  • @michaelcarrano 但是我怎样才能实现它呢?
  • 运行代码后输出显示什么?

标签: java android android-fragments android-viewpager navigationbar


【解决方案1】:

我知道这有点晚了,但这里有一个实现你假装的方法。如果您想要滑动行为,您应该在您的活动中进行触摸事件以检测滑动。检测到滑动后应该很简单,只需获取当前项目,然后根据滑动设置底部导航的位置。

例子:

if(isSwipeRight && bottomNavigation.getCurrentItem() > 0)
    bottomNavigation.setCurrentItem(bottomNavigation.getCurrentItem()-1);
else if(isSwipeLeft && bottomNavigation.getCurrentItem() < numTabs-1)
    bottomNavigation.setCurrentItem(bottomNavigation.getCurrentItem()+1);

【讨论】:

  • 我认为这不是提问者想要的。我认为他想要默认 ViewPager 的外观。即使用户没有完全滑动,您的代码是否也会制作幻灯片?
猜你喜欢
  • 2014-09-25
  • 2012-09-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多