Android-TabView-共通ナビゲーションバー-下部にあるスイッチインターフェイスを選択します

効果画像:
ここに画像の説明を挿入
ここに画像の説明を挿入
フォントの選択と色の変更およびナビゲーション画像の置換効果
参照の追加:
1。プロジェクトのbuild.gradleに、次のコードを追加します。

implementation 'com.ycl.tabview.library:tabviewlibrary:1.0'

2.プロジェクトを更新した後、次のコードをレイアウトに追加します。

 <com.ycl.tabview.library.TabView
        android:id="@+id/tabView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
  </com.ycl.tabview.library.TabView>

図に示すように:ここに画像の説明を挿入
3。クラスにコードを追加して、ナビゲーションバーにデータを追加します。

 List<TabViewChild> tabViewChildList=new ArrayList<>();
        TabViewChild tabViewChild00=new TabViewChild(R.drawable.ic_star_04,R.drawable.ic_satr_01,"假面",  new NewsFragment());
        TabViewChild tabViewChild01=new TabViewChild(R.drawable.ic_star_04,R.drawable.ic_satr_01,"消息",  new NewsFragment());
        TabViewChild tabViewChild02=new TabViewChild(R.drawable.ic_star_04,R.drawable.ic_satr_01,"广场",  new SquareFragment());
        TabViewChild tabViewChild03=new TabViewChild(R.drawable.ic_star_04,R.drawable.ic_satr_01,"我的",  new UserFragment());

        tabViewChildList.add(tabViewChild00);
        tabViewChildList.add(tabViewChild01);
        tabViewChildList.add(tabViewChild02);
        tabViewChildList.add(tabViewChild03);
        
        

最初のパラメーター:ナビゲーションバーのタブがクリックされたとき、対応する切り替えられた画像
2番目のパラメーター:ナビゲーションバーのタブがクリックされていないとき、対応する切り替えられた画像
3番目のパラメーター:ナビゲーションバー上
4番目のパラメータのタブのテキスト表示:ナビゲーションバーのタブに対応するFragmentオブジェクト。4で渡すことができます
。データソースを設定します。

		//这里是添加数据源  tabView是获取到的标签 
		TabView tabView = findViewById(R.id.tabView);
		tabView.setTabViewChild(tabViewChildList,getSupportFragmentManager());
        
        //下面的是样式定义 可以不添加
        tabView.setTextViewSelectedColor(Color.BLUE);
        tabView.setTextViewUnSelectedColor(Color.BLACK);
        tabView.setTabViewHeight(dip2px(52));
        tabView.setImageViewTextViewMargin(2);
        tabView.setTextViewSize(14);
        tabView.setImageViewWidth(dip2px(30));
        tabView.setImageViewHeight(dip2px(30));
        tabView.setTabViewGravity(Gravity.TOP);
        tabView.setTabViewDefaultPosition(2);

上記は、前の効果を達成するために使用できます。
リラックスして学習を停止することはできません。

おすすめ

転載: blog.csdn.net/weixin_44538566/article/details/107607586