Imagen de efecto:
selección de fuente y cambio de color y efecto de reemplazo de imagen de navegación
Agregar referencia:
1. En build.gradle del proyecto, agregue el siguiente código:
implementation 'com.ycl.tabview.library:tabviewlibrary:1.0'
2. Después de actualizar el proyecto, agregue el siguiente código al diseño:
<com.ycl.tabview.library.TabView
android:id="@+id/tabView"
android:layout_width="match_parent"
android:layout_height="match_parent">
</com.ycl.tabview.library.TabView>
Como se muestra en la figura:
3. Agregue código en la clase para agregar datos a la barra de navegación:
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);
El primer parámetro: cuando se hace clic en una pestaña en la barra de navegación, la imagen conmutada correspondiente. El
segundo parámetro: cuando no se hace clic en la pestaña de la barra de navegación, la imagen conmutada correspondiente. El
tercer parámetro: en la barra de navegación. La visualización de texto de una pestaña del
cuarto parámetro: el objeto Fragmento correspondiente a una pestaña en la barra de navegación, que se puede pasar en
4. Establecer la fuente de datos
//这里是添加数据源 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);
Lo anterior se puede utilizar para lograr el efecto anterior,
no puedes relajarte y dejar de aprender.