Android實(shí)現(xiàn)底部導(dǎo)航欄功能
本文實(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開(kāi)發(fā)實(shí)現(xiàn)文件關(guān)聯(lián)方法介紹
這篇文章主要介紹了Android開(kāi)發(fā)實(shí)現(xiàn)文件關(guān)聯(lián)方法介紹,具有一定參考價(jià)值,需要的朋友樂(lè)意了解下。2017-10-10
android實(shí)現(xiàn)人臉識(shí)別技術(shù)的示例代碼
本篇文章主要介紹了android人臉識(shí)別技術(shù)的示例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
android?viewpager實(shí)現(xiàn)輪播效果
這篇文章主要為大家詳細(xì)介紹了android?viewpager實(shí)現(xiàn)輪播效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-06-06
詳解flutter中常用的container layout實(shí)例
這篇文章主要為大家介紹了詳解flutter中常用的container layout實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09
android Bitmap圓角與倒影的具體實(shí)現(xiàn)代碼
android Bitmap圓角與倒影的具體實(shí)現(xiàn)代碼,需要的朋友可以參考一下2013-06-06
關(guān)于android studio通過(guò)命令行運(yùn)行g(shù)radle編譯命令的問(wèn)題
這篇文章主要介紹了關(guān)于android studio通過(guò)命令行運(yùn)行g(shù)radle編譯命令的問(wèn)題,本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-11-11

