Android實(shí)現(xiàn)底部導(dǎo)航欄功能
更新時(shí)間：2018年06月25日 10:14:30 作者：shasha1021
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)底部導(dǎo)航欄功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了Android實(shí)現(xiàn)底部導(dǎo)航欄功能的具體代碼，供大家參考，具體內(nèi)容如下
實(shí)驗(yàn)效果：
（1）在drawable文件夾下新建tab_menu_bg.xml文件，具體代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_selected="true">
<shape>
<solid android:color="@color/bg_gray"/>
</shape>
</item>
</selector>
（2）在drawable文件夾下新建tab_menu_text.xml文件，具體代碼如下：
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:color="@color/text_green" android:state_selected="true"/> <item android:color="@color/text_black" /> </selector>
（3）在drawable文件夾下新建tab_menu_personal.xml文件，具體代碼如下：
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@mipmap/menu_personal_on" android:state_selected="true"/> <item android:drawable="@mipmap/menu_personal_off"/> </selector>
（4）在drawable文件夾下新建tab_menu_send.xml文件，具體代碼如下：
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@mipmap/menu_send_on" android:state_selected="true"/> <item android:drawable="@mipmap/menu_send_off"/> </selector>
（5）在drawable文件夾下新建tab_menu_list.xml文件，具體代碼如下：
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@mipmap/menu_send_on" android:state_selected="true"/> <item android:drawable="@mipmap/menu_send_off"/> </selector>
（6）在layout文件夾下的activity_main.xml中具體代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.bzu.fshiner.parttimejob.MainActivity">
<RelativeLayout
android:id="@+id/tab_title"
android:layout_width="match_parent"
android:layout_height="48dp">
<TextView
android:id="@+id/tv_top"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:textSize="18sp"
android:textColor="@color/text_black"
android:text="@string/tv_top"/>
<View
android:layout_width="match_parent"
android:layout_height="2px"
android:background="@color/text_black"
android:layout_alignParentBottom="true"/>
</RelativeLayout>
<LinearLayout
android:id="@+id/tab_menu"
android:layout_width="match_parent"
android:layout_height="56dp"
android:orientation="horizontal"
android:layout_alignParentBottom="true">
<TextView
android:id="@+id/tv_list"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:drawablePadding="3dp"
android:gravity="center"
android:background="@drawable/tab_menu_bg"
android:textColor="@drawable/tab_menu_text"
android:drawableTop="@drawable/tab_menu_list"
android:text="@string/tv_list"/>
<TextView
android:id="@+id/tv_send"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:drawablePadding="3dp"
android:gravity="center"
android:background="@drawable/tab_menu_bg"
android:textColor="@drawable/tab_menu_text"
android:drawableTop="@drawable/tab_menu_send"
android:text="@string/tv_send"/>
<TextView android:id="@+id/tv_personal"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:drawablePadding="3dp"
android:gravity="center"
android:background="@drawable/tab_menu_bg"
android:textColor="@drawable/tab_menu_text"
android:drawableTop="@drawable/tab_menu_personal"
android:text="@string/tv_personal"/>
</LinearLayout>
<View
android:id="@+id/div_tab_bar"
android:layout_width="match_parent"
android:layout_height="2px"
android:layout_above="@id/tab_menu"/>
<FrameLayout
android:id="@+id/fragment_container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/tab_title"
android:layout_above="@id/tab_menu">
</FrameLayout>
</RelativeLayout>
（7）在layout文件夾中新建first_fragment.xml文件，具體代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/tv_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="哈哈"
android:textSize="20sp"/>
</LinearLayout>
（8）在MainActivity中具體代碼如下：
package com.bzu.fshiner.parttimejob;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private TextView tv_top;
private TextView tv_list;
private TextView tv_send;
private TextView tv_personal;
private FrameLayout fragment_container;
private FirstFragment f1,f2,f3;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//ui組件初始化與事件綁定
tv_top=(TextView)this.findViewById(R.id.tv_top);
tv_list=(TextView)this.findViewById(R.id.tv_list);
tv_send=(TextView)this.findViewById(R.id.tv_send);
tv_personal=(TextView)this.findViewById(R.id.tv_personal);
fragment_container=(FrameLayout)findViewById(R.id.fragment_container);
tv_list.setOnClickListener(this);
tv_send.setOnClickListener(this);
tv_personal.setOnClickListener(this);
}
//重置所有文本的選中狀態(tài)
public void selected(){
tv_list.setSelected(false);
tv_send.setSelected(false);
tv_personal.setSelected(false);
}
//隱藏所有的Fragment
private void hideAllFragment(android.app.FragmentTransaction transaction) {
if(f1!=null){
transaction.hide(f1);
}
if(f2!=null){
transaction.hide(f2);
}
if(f3!=null){
transaction.hide(f3);
}
}
@Override
public void onClick(View view){
android.app.FragmentTransaction transaction=getFragmentManager().beginTransaction();
hideAllFragment(transaction);
switch(view.getId()){
case R.id.tv_list:
selected();
tv_list.setSelected(true);
if(f1==null){
f1 = new FirstFragment("第一個(gè)Fragment");
transaction.add(R.id.fragment_container,f1);
}else{
transaction.show(f1);
}
break;
case R.id.tv_send:
selected();
tv_send.setSelected(true);
if(f2==null){
f2 = new FirstFragment("第2個(gè)Fragment");
transaction.add(R.id.fragment_container,f2);
}else{
transaction.show(f2);
}
break;
case R.id.tv_personal:
selected();
tv_personal.setSelected(true);
if(f3==null){
f3 = new FirstFragment("第三個(gè)Fragment");
transaction.add(R.id.fragment_container,f3);
}else{
transaction.show(f3);
}
break;
}
transaction.commit();
}
}
（9）創(chuàng)建類，類名為FistFragment，其中具體代碼如下：
package com.bzu.fshiner.parttimejob;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
/**
* Created by Administrator on 2017/5/9.
*/
public class FirstFragment extends Fragment {
private String context;
private TextView textView;
public FirstFragment(String context) {
this.context = context;
}
public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState){
View view=inflater.inflate(R.layout.first_fragment,container,false);
textView=(TextView)view.findViewById(R.id.tv_content);
textView.setText(context);
return view;
}
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- android實(shí)現(xiàn)底部導(dǎo)航欄
- Android程序開(kāi)發(fā)之Fragment實(shí)現(xiàn)底部導(dǎo)航欄實(shí)例代碼
- Android實(shí)現(xiàn)底部導(dǎo)航欄功能（選項(xiàng)卡）
- Android中TabLayout+ViewPager 簡(jiǎn)單實(shí)現(xiàn)app底部Tab導(dǎo)航欄
- Android design包自定義tablayout的底部導(dǎo)航欄的實(shí)現(xiàn)方法
- android中Fragment+RadioButton實(shí)現(xiàn)底部導(dǎo)航欄
- Android實(shí)現(xiàn)簡(jiǎn)單底部導(dǎo)航欄 Android仿微信滑動(dòng)切換效果
- 性能分析:指如何快速定位SQL問(wèn)題
- Android用Scroller實(shí)現(xiàn)一個(gè)可向上滑動(dòng)的底部導(dǎo)航欄
- 使用RadioButton+Fragment實(shí)現(xiàn)底部導(dǎo)航欄效果
相關(guān)文章
Android中使用DownloadManager類來(lái)管理數(shù)據(jù)下載的教程
這篇文章主要介紹了Android中使用DownloadManager類來(lái)管理數(shù)據(jù)下載的教程,針對(duì)HTTP下文件的下載與保存地址指定等基礎(chǔ)操作作出了詳細(xì)講解,需要的朋友可以參考下2016-04-04
Android使用VideoView出現(xiàn)無(wú)法播放此視頻問(wèn)題的解決方法
Android提供了 VideoView組件，它的作用與ImageView類似，只是ImageView用于顯示圖片，而VideoView用于播放視頻，下面這篇文章主要給大家介紹了關(guān)于利用VideoView出現(xiàn)無(wú)法播放此視頻問(wèn)題的解決方法，需要的朋友可以參考下2018-07-07
詳解Android XML中引用自定義內(nèi)部類view的四個(gè)why
本篇文章主要介紹了詳解Android XML中引用自定義內(nèi)部類view，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。2016-12-12
Android中使用include標(biāo)簽和merge標(biāo)簽重復(fù)使用布局
這篇文章主要介紹了Android中使用include標(biāo)簽和merge標(biāo)簽重復(fù)使用布局,文中講解了創(chuàng)建可復(fù)用布局的例子以及include標(biāo)簽和merge標(biāo)簽使用例子,需要的朋友可以參考下2014-06-06
詳解Android中Intent對(duì)象與Intent Filter過(guò)濾匹配過(guò)程
這篇文章主要介紹了Android中Intent對(duì)象與Intent Filter過(guò)濾匹配過(guò)程，感興趣的小伙伴們可以參考一下2015-12-12
Android控件RecyclerView實(shí)現(xiàn)混排效果仿網(wǎng)易云音樂(lè)
這篇文章主要為大家詳細(xì)介紹了Android控件RecyclerView實(shí)現(xiàn)混排效果，仿網(wǎng)易云音樂(lè)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
經(jīng)過(guò)前面幾篇文章的鋪墊，介紹了Hanlder、Message等類相關(guān)使用，分析了其與Looper、MessageQueue的部分源碼，本篇文章主要是集中梳理Android整個(gè)消息機(jī)制執(zhí)行的完整流程，需要的可以參考一下2022-10-10
Android開(kāi)發(fā)之圖片壓縮實(shí)現(xiàn)方法分析
這篇文章主要介紹了Android開(kāi)發(fā)之圖片壓縮實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了Android圖片壓縮的原理、實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-03-03
Android開(kāi)發(fā)筆記之探秘WebView
瀏覽器控件是每個(gè)開(kāi)發(fā)環(huán)境都具備的，這為馬甲神功提供了用武之地，windows的有webbrowser，android和ios都有webview。只是其引擎不同，相對(duì)于微軟的webbrowser，android及ios的webview的引擎都是webkit，對(duì)Html5提供支持。本篇主要介紹android的webview。2014-08-08
這篇文章主要為大家詳細(xì)介紹了android webView截圖的4種方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05