当前位置： 首页 > wzjs >正文

建设摩托车官方网站网站推广排名服务

wzjs 2025/7/22 2:13:40
建设摩托车官方网站,网站推广排名服务,做视频导航网站,微信开放平台appid需要全部源码请点赞关注收藏后评论区留言~~~ 一、利用BottomNavigatiomView实现底部标签栏 不管是微信还是QQ，它们的首屏都在底部展开一栏标签，每个标签对应着一个频道，从而方便用户迅速切换到对应频道。 标签页面主要由两个组成部分 1&am…

需要全部源码请点赞关注收藏后评论区留言~~~

一、利用BottomNavigatiomView实现底部标签栏

不管是微信还是QQ，它们的首屏都在底部展开一栏标签，每个标签对应着一个频道，从而方便用户迅速切换到对应频道。

标签页面主要由两个组成部分

1：一个是位于底部的底部导航视图

2：另一个是位于其上占据剩余屏幕的碎片fragment

每个fragment节点拥有以下四个属性

1：id 指定当前碎片的编号

2：name 指定当前碎片的完整类名路径

3：label 指定当前碎片的标题文本

4：layout 指定当前碎片的布局文件

效果如下

 

代码如下

Java类 

package com.example.chapter12;import android.os.Bundle;import com.google.android.material.bottomnavigation.BottomNavigationView;import androidx.appcompat.app.AppCompatActivity;
import androidx.navigation.NavController;
import androidx.navigation.Navigation;
import androidx.navigation.ui.AppBarConfiguration;
import androidx.navigation.ui.NavigationUI;import com.example.chapter12.databinding.ActivityTabNavigation2Binding;public class TabNavigationActivity extends AppCompatActivity {private ActivityTabNavigation2Binding binding;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);binding = ActivityTabNavigation2Binding.inflate(getLayoutInflater());setContentView(binding.getRoot());BottomNavigationView navView = findViewById(R.id.nav_view);// Passing each menu ID as a set of Ids because each// menu should be considered as top level destinations.AppBarConfiguration appBarConfiguration = new AppBarConfiguration.Builder(R.id.navigation_home, R.id.navigation_dashboard, R.id.navigation_notifications).build();NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment_activity_tab_navigation2);NavigationUI.setupActionBarWithNavController(this, navController, appBarConfiguration);NavigationUI.setupWithNavController(binding.navView, navController);}}

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:id="@+id/container"android:layout_width="match_parent"android:layout_height="match_parent"android:paddingTop="?attr/actionBarSize"><com.google.android.material.bottomnavigation.BottomNavigationViewandroid:id="@+id/nav_view"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_marginStart="0dp"android:layout_marginEnd="0dp"android:background="?android:attr/windowBackground"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:menu="@menu/bottom_nav_menu" /><fragmentandroid:id="@+id/nav_host_fragment"android:name="androidx.navigation.fragment.NavHostFragment"android:layout_width="match_parent"android:layout_height="match_parent"app:defaultNavHost="true"app:layout_constraintBottom_toTopOf="@id/nav_view"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent"app:navGraph="@navigation/mobile_navigation" /></androidx.constraintlayout.widget.ConstraintLayout>

二、自定义标签按钮

一般应用的APP下方都会有标签按钮，每个按钮的图标和文字都会随着选中而高亮显示

 整合后效果如下

 代码如下

Java类

package com.example.chapter12;import android.os.Bundle;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.TextView;import androidx.appcompat.app.AppCompatActivity;public class TabButtonActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_tab_button);final TextView tv_select = findViewById(R.id.tv_select);CheckBox ck_tab = findViewById(R.id.ck_tab);// 给复选框设置勾选监听器ck_tab.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {if (buttonView.getId() == R.id.ck_tab) {String desc = String.format("标签按钮被%s了", isChecked?"选中":"取消选中");tv_select.setText(desc);}}});}}

XML文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:padding="5dp"><!-- 复选框的背景、文字颜色和顶部图标都采用了状态图形，看起来像个崭新的标签控件 --><CheckBoxandroid:id="@+id/ck_tab"android:layout_width="100dp"android:layout_height="60dp"android:padding="5dp"android:gravity="center"android:button="@null"android:background="@drawable/tab_bg_selector"android:text="点我"android:textSize="12sp"android:textColor="@drawable/tab_text_selector"android:drawableTop="@drawable/tab_first_selector" /><TextViewandroid:id="@+id/tv_select"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="这里查看标签选择结果"android:textColor="@color/black"android:textSize="17sp" /><Viewandroid:layout_width="match_parent"android:layout_height="10dp" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="60dp"android:orientation="horizontal"><CheckBoxstyle="@style/TabButton"android:checked="true"android:drawableTop="@drawable/tab_first_selector"android:text="首页" /><CheckBoxstyle="@style/TabButton"android:drawableTop="@drawable/tab_second_selector"android:text="分类" /><CheckBoxstyle="@style/TabButton"android:drawableTop="@drawable/tab_third_selector"android:text="购物车" /></LinearLayout></LinearLayout>

三、结合RadioGroup和ViewPager自定义底部标签栏

因为Android默认定义好的标签样式风格不方便另行调整，况且它也不支持通过左右滑动切换标签，因此如果我们想实现拥有更多花样的标签栏，就需要自己定义专门的底部标签栏了

效果如下

代码如下

Java类

package com.example.chapter12;import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager.widget.ViewPager;import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;import com.example.chapter12.adapter.TabPagerAdapter;public class TabPagerActivity extends AppCompatActivity {private ViewPager vp_content; // 声明一个翻页视图对象private RadioGroup rg_tabbar; // 声明一个单选组对象@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_tab_pager);vp_content = findViewById(R.id.vp_content); // 从布局文件获取翻页视图// 构建一个翻页适配器TabPagerAdapter adapter = new TabPagerAdapter(getSupportFragmentManager());vp_content.setAdapter(adapter); // 设置翻页视图的适配器// 给翻页视图添加页面变更监听器vp_content.addOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {@Overridepublic void onPageSelected(int position) {// 选中指定位置的单选按钮rg_tabbar.check(rg_tabbar.getChildAt(position).getId());}});rg_tabbar = findViewById(R.id.rg_tabbar); // 从布局文件获取单选组// 设置单选组的选中监听器rg_tabbar.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(RadioGroup group, int checkedId) {for (int pos=0; pos<rg_tabbar.getChildCount(); pos++) {// 获得指定位置的单选按钮RadioButton tab = (RadioButton) rg_tabbar.getChildAt(pos);if (tab.getId() == checkedId) { // 正是当前选中的按钮vp_content.setCurrentItem(pos); // 设置翻页视图显示第几页}}}});}}

适配器类

package com.example.chapter12.adapter;import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentPagerAdapter;import com.example.chapter12.fragment.TabFirstFragment;
import com.example.chapter12.fragment.TabSecondFragment;
import com.example.chapter12.fragment.TabThirdFragment;public class TabPagerAdapter extends FragmentPagerAdapter {// 碎片页适配器的构造方法，传入碎片管理器public TabPagerAdapter(FragmentManager fm) {super(fm, BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT);}// 获取指定位置的碎片Fragment@Overridepublic Fragment getItem(int position) {if (position == 0) {return new TabFirstFragment();  // 返回第一个碎片} else if (position == 1) {return new TabSecondFragment();  // 返回第二个碎片} else if (position == 2) {return new TabThirdFragment();  // 返回第三个碎片} else {return null;}}// 获取碎片Fragment的个数@Overridepublic int getCount() {return 3;}
}

XML文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><androidx.viewpager.widget.ViewPagerandroid:id="@+id/vp_content"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1" /><RadioGroupandroid:id="@+id/rg_tabbar"android:layout_width="match_parent"android:layout_height="60dp"android:orientation="horizontal"><RadioButtonandroid:id="@+id/rb_home"style="@style/TabButton"android:checked="true"android:text="首页"android:drawableTop="@drawable/tab_first_selector" /><RadioButtonandroid:id="@+id/rb_class"style="@style/TabButton"android:text="分类"android:drawableTop="@drawable/tab_second_selector" /><RadioButtonandroid:id="@+id/rb_cart"style="@style/TabButton"android:text="购物车"android:drawableTop="@drawable/tab_third_selector" /></RadioGroup></LinearLayout>

创作不易 觉得有帮助请点赞关注收藏~~~

http://www.dtcms.com/wzjs/44144.html

相关文章：

  • 提供网站建设备案报价赚钱平台
  • 小程序可以做网站吗营销网站制作
  • 彩票网站建设dadi163郑州网络推广代理顾问
  • 做境外旅游的网站阿里大数据分析平台
  • 做网站一般要多少钱分销系统
  • 自己做投票网站怎么弄seo技术服务外包
  • 网站前台设计过程关键词查询工具哪个好
  • 做简单的动态网站教程网络营销广告
  • 福州网站建设外贸名词解释seo
  • 海南室内设计公司排名网站优化设计的基础是网站基本要素及每个细节的优化
  • 注册域名以后怎么做网站安徽网络建站
  • 网站建设订单模板下载旺道seo推广有用吗
  • 宁夏建设工程招标投标信息网站南京seo关键词排名
  • wordpress主题无法使用怎么去优化关键词
  • php更换wordpress用户头像做seo网页价格
  • 江门网站建设报价关键词挖掘查询工具
  • 公众号用什么软件制作最好seo优化交流
  • 哪个网站做任务赚钱多行业网站
  • 怎么在搜索引擎里做网站网页小说网站排名人气
  • 医疗网站备案要怎么做 需要准备什么材料刚刚发生 北京严重发生
  • 西部数码网站管理助手4.0seminar怎么读
  • wordpress 有意思吧郑州优化公司有哪些
  • 网络策划人关键词优化的五个步骤
  • 建设部职称评审的网站免费seo技术教程
  • wordpress头像怎么设置优化关键词的正确方法
  • 法院建设门户网站情况镇江搜索优化技巧
  • 3m网站源码google浏览器官方
  • 西安网站推广云搜索app
  • 做php网站的书上海怎么做seo推广
  • 高端web开发杭州seo外包