Android 首頁tab導(dǎo)航實現(xiàn)

首先需要一個fragment數(shù)組來管理

    private val fragmentArray = listOf(
        HomeFragment(),
        MessageCenterFragment(),
        UserCenterFragment()
    )

用一個實例來記錄當(dāng)前的fragment,還有定義對應(yīng)數(shù)量的tab實例

    private var currentFrag: Fragment? = null
    private lateinit var tabHome: TabLayout.Tab
    private lateinit var tabMessage: TabLayout.Tab
    private lateinit var tabUser: TabLayout.Tab

初始化布局:

    private fun initTabLayout() {
        // 實例初始化
        tabHome = tab_layout.newTab().setCustomView(createTabItem("首頁", R.drawable.sel_home_tab_order))

        tabMessage = tab_layout.newTab().setCustomView(createTabItem("消息",R.drawable.selector_home_tab_message))
        
        tabUser = tab_layout.newTab().setCustomView(createTabItem("我的", R.drawable.sel_home_tab_user))
        
        //添加到tabLayout
        tab_layout.addTab(tabOrder)
        tab_layout.addTab(tabMessage)
        tab_layout.addTab(tabUser)

        // 添加監(jiān)聽事件
        tab_layout.addOnTabSelectedListener(object : TabLayout.OnTabSelectedListener {
            override fun onTabReselected(tab: TabLayout.Tab?) {
                selectedTab(tab)
            }

            override fun onTabUnselected(tab: TabLayout.Tab?) {
            }

            override fun onTabSelected(tab: TabLayout.Tab?) {
                selectedTab(tab)
            }
        })

        // 默認(rèn)選中首頁
        selectedTab(tabHome)
    }

創(chuàng)建tab

    private fun createTabItem(text: CharSequence?, iconSrc: Int?): View {
        val view = layoutInflater.inflate(R.layout.home_tab_item, null)
        view.findViewById<TextView>(R.id.home_tab_text).text = text
        if (null != iconSrc) {
            view.findViewById<ImageView>(R.id.home_tab_icon).setImageResource(iconSrc)
        }
        return view
    }

選擇tab的函數(shù)勇垛,里面實現(xiàn)了兩個步驟

    private fun selectedTab(tab: TabLayout.Tab?) {
        // 1. 選擇tab
        onTabItemSelected(tab?.position ?: 0)
        // 2. 更新tab狀態(tài)
        updateTabSelectedStatus(tab_layout, tab)
    }

這個是選中函數(shù)

    private fun onTabItemSelected(pos: Int) {
        if (pos > fragmentArray.size) {
            throw IllegalArgumentException("fragment is not ready")
        }

        val trans = supportFragmentManager.beginTransaction()

        val fragment = fragmentArray[pos]

        if (fragment == currentFrag)
            return

        if (currentFrag != null) {
            trans.hide(currentFrag)
        }
        // 未添加過 進(jìn)行添加 添加過展示
        if (!fragment.isAdded) {
            trans.add(R.id.layout_content, fragment)
        } else {
            trans.show(fragment)
        }
        currentFrag = fragment

        trans.commitAllowingStateLoss()
    }

更新選中狀態(tài)

    private fun updateTabSelectedStatus(container: TabLayout, selTab: TabLayout.Tab?) {
        for (i in 0 until container.tabCount) {
            val itemView = container.getTabAt(i)?.customView
            val text = itemView?.findViewById<TextView>(R.id.home_tab_text)
            val icon = itemView?.findViewById<ImageView>(R.id.home_tab_icon)

            (i == selTab?.position).apply {
                icon?.isSelected = this
                text?.isSelected = this
            }
        }
    }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市士鸥,隨后出現(xiàn)的幾起案子闲孤,更是在濱河造成了極大的恐慌,老刑警劉巖础淤,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件崭放,死亡現(xiàn)場離奇詭異,居然都是意外死亡鸽凶,警方通過查閱死者的電腦和手機(jī)币砂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來玻侥,“玉大人决摧,你說我怎么就攤上這事〈绽迹” “怎么了掌桩?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長姑食。 經(jīng)常有香客問我波岛,道長,這世上最難降的妖魔是什么音半? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任则拷,我火速辦了婚禮,結(jié)果婚禮上曹鸠,老公的妹妹穿的比我還像新娘煌茬。我一直安慰自己,他們只是感情好彻桃,可當(dāng)我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布坛善。 她就那樣靜靜地躺著,像睡著了一般邻眷。 火紅的嫁衣襯著肌膚如雪眠屎。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天肆饶,我揣著相機(jī)與錄音组力,去河邊找鬼。 笑死抖拴,一個胖子當(dāng)著我的面吹牛燎字,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播阿宅,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼候衍,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了洒放?” 一聲冷哼從身側(cè)響起蛉鹿,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎往湿,沒想到半個月后妖异,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體惋戏,經(jīng)...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年他膳,在試婚紗的時候發(fā)現(xiàn)自己被綠了响逢。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡棕孙,死狀恐怖舔亭,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蟀俊,我是刑警寧澤钦铺,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站肢预,受9級特大地震影響矛洞,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜烫映,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一缚甩、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧窑邦,春花似錦擅威、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至瞧筛,卻和暖如春厉熟,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背较幌。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工揍瑟, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人乍炉。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓绢片,卻偏偏與公主長得像,于是被迫代替她去往敵國和親岛琼。 傳聞我的和親對象是個殘疾皇子底循,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,947評論 2 355

推薦閱讀更多精彩內(nèi)容