關於TabLayout的使用 ,自定義了一個框架。。。 以後寫底部菜單就可以直接作為依賴庫 ,不用麻煩了

来源:http://www.cnblogs.com/lumin0412/archive/2016/04/13/5386603.html
-Advertisement-
Play Games

首先,簡單的說一下,這個底部框架的實現步驟。 1,自定義一個類,繼承LinearLayout就好了 ,因為我喜歡用LinearLayout, 當然你也可以繼承RelativeLayout。 2,重寫它兩個帶參數的構造方法。 3,進入內容的編寫,佈局文件的處理,數據的處理。 4,給底部容器添加view ...


首先,簡單的說一下,這個底部框架的實現步驟。

1,自定義一個類,繼承LinearLayout就好了 ,因為我喜歡用LinearLayout, 當然你也可以繼承RelativeLayout。

2,重寫它兩個帶參數的構造方法。 

3,進入內容的編寫,佈局文件的處理,數據的處理。

4,給底部容器添加view,底部菜單實現的一個頁面切換。

 

好了,由於個人的表訴能力 。直接上代碼好了

package com.weight.tabbottomlib.view;

import java.util.ArrayList;

import android.content.Context;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;

/**
* 底部切換框架
*
* @author Administrator
*
*/
public class MyBottomLayout extends LinearLayout {
static ArrayList<Item> itemData = new ArrayList<Item>();
static ArrayList<View> viewArryItem = new ArrayList<View>();
LayoutInflater inflater; // 佈局管理器
View mainView; // 這個是底部的容器
View viewItem;
int itemSize = 0;

public MyBottomLayout(Context context, AttributeSet attrs) {
super(context, attrs);
}

/**
* 給底部的容器添加view
*
* @param view
*/
public void addBottomLayoutValue(ArrayList<Item> itemData) {
LayoutInflater inflater = LayoutInflater.from(getContext());
this.itemData = itemData;
this.itemSize = itemData.size();
for (int i = 0; i < itemData.size(); i++) {
View viewItem = inflater.inflate(R.layout.layout_tab_item, null);
viewItem.findViewById(R.id.tabImg).setBackgroundResource(
itemData.get(i).getDrawableNormalId());
TextView textView = ((TextView) (viewItem
.findViewById(R.id.tabText)));
textView.setText(itemData.get(i).getName());
textView.setTextColor(Color.WHITE);
this.addView(viewItem, new LinearLayout.LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT, 1.0f));
viewItem.setId(i);
viewArryItem.add(viewItem);
viewItem.setOnClickListener(new lister());
}
// 處理一下整理的數據
changeDataState();
}

/**
* 改變一下那個數據的狀態
*/
private void changeDataState() {
if (itemSize != 5) { // 不需要處理
for (int i = itemSize; i < 5; i++) {
itemData.add(new Item());
LayoutInflater inflater = LayoutInflater.from(getContext());
View viewItem = inflater
.inflate(R.layout.layout_tab_item, null);
viewArryItem.add(viewItem);
}
}
}

public interface ICallbackLister {
public void click(int id);
}

ICallbackLister callbackLister = null;

public void setOnCallbackLister(ICallbackLister callbackLister) {
this.callbackLister = callbackLister;
}

/**
*
* @ClassName: lister
* @Description:tab點擊事件的處理
* @author lumin
* @date 2015-10-25 下午12:53:36
*
*/
private class lister implements OnClickListener {
@Override
public void onClick(View clickView) {
callbackLister.click(clickView.getId());
initBottom(clickView.getId());
}

}

public static void initBottom(int id) {
switch (id) {
case 0:
// 第二步:實現頁面的一個切換
initData(itemData.get(0).getDrawableSelectId(), itemData.get(1)
.getDrawableNormalId(), itemData.get(2)
.getDrawableNormalId(), itemData.get(3)
.getDrawableNormalId(), itemData.get(4)
.getDrawableNormalId());
changeTextColor(
(TextView) (viewArryItem.get(0).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(1).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(2).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(3).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(4).findViewById(R.id.tabText)));
break;
case 1:
initData(itemData.get(0).getDrawableNormalId(), itemData.get(1)
.getDrawableSelectId(), itemData.get(2)
.getDrawableNormalId(), itemData.get(3)
.getDrawableNormalId(), itemData.get(4)
.getDrawableNormalId());
changeTextColor(
(TextView) (viewArryItem.get(1).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(0).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(2).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(3).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(4).findViewById(R.id.tabText)));
break;
case 2:
initData(itemData.get(0).getDrawableNormalId(), itemData.get(1)
.getDrawableNormalId(), itemData.get(2)
.getDrawableSelectId(), itemData.get(3)
.getDrawableNormalId(), itemData.get(4)
.getDrawableNormalId());
changeTextColor(
(TextView) (viewArryItem.get(2).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(0).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(1).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(3).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(4).findViewById(R.id.tabText)));
break;
case 3:
initData(itemData.get(0).getDrawableNormalId(), itemData.get(1)
.getDrawableNormalId(), itemData.get(2)
.getDrawableNormalId(), itemData.get(3)
.getDrawableSelectId(), itemData.get(4)
.getDrawableNormalId());
changeTextColor(
(TextView) (viewArryItem.get(3).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(0).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(1).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(2).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(4).findViewById(R.id.tabText)));
break;
case 4:
initData(itemData.get(0).getDrawableNormalId(), itemData.get(1)
.getDrawableNormalId(), itemData.get(2)
.getDrawableNormalId(), itemData.get(3)
.getDrawableNormalId(), itemData.get(4)
.getDrawableSelectId());
changeTextColor(
(TextView) (viewArryItem.get(4).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(0).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(1).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(2).findViewById(R.id.tabText)),
(TextView) (viewArryItem.get(3).findViewById(R.id.tabText)));
break;
}
}

/**
*
* @param resIdOne
* @param resIdTwo
* @param resIdThree
* @param resIdFour
* @param resIdFive
*/
public static void initData(int resIdOne, int resIdTwo, int resIdThree,
int resIdFour, int resIdFive) {
try {
viewArryItem.get(0).findViewById(R.id.tabImg)
.setBackgroundResource(resIdOne);
viewArryItem.get(1).findViewById(R.id.tabImg)
.setBackgroundResource(resIdTwo);
viewArryItem.get(2).findViewById(R.id.tabImg)
.setBackgroundResource(resIdThree);
viewArryItem.get(3).findViewById(R.id.tabImg)
.setBackgroundResource(resIdFour);
viewArryItem.get(4).findViewById(R.id.tabImg)
.setBackgroundResource(resIdFive);
} catch (Exception err) {
err.printStackTrace();
// 報錯的時候說明已經沒有那麼多的item了
}
}

/**
*
* @param txtOne
* 這個就是預設的需要改變的圖片的顏色
* @param txtTwo
* @param txtThree
* @param txtFour
* @param txtFive
*/
public static void changeTextColor(TextView txtOne, TextView txtTwo,
TextView txtThree, TextView txtFour, TextView txtFive) {
txtOne.setTextColor(Color.MAGENTA);
txtTwo.setTextColor(Color.BLUE);
txtThree.setTextColor(Color.BLUE);
txtFour.setTextColor(Color.BLUE);
txtFive.setTextColor(Color.BLUE);
}
}

好了 ,這樣就完成了框架的編寫, 缺少了什麼昵 。。。

下麵就給出當前頁面的item  。。 和實體。。

首先是佈局文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true" >

<ImageView
android:id="@+id/tabImg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
/>

<TextView
android:id="@+id/tabText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/tabImg"
android:layout_centerHorizontal="true"
android:textColor="#ffffff"
android:textSize="16dp" />
</RelativeLayout>

</RelativeLayout>

接著是。。實體文件

package com.weight.tabbottomlib.view;

public class Item {
private int drawableNormalId;
private int drawableSelectId;
private String name;
public Item(int drawableNormalId, int drawableSelectId, String name) {
super();
this.drawableNormalId = drawableNormalId;
this.drawableSelectId = drawableSelectId;
this.name = name;
}
public Item() {
super();
}
public int getDrawableNormalId() {
return drawableNormalId;
}
public void setDrawableNormalId(int drawableNormalId) {
this.drawableNormalId = drawableNormalId;
}
public int getDrawableSelectId() {
return drawableSelectId;
}
public void setDrawableSelectId(int drawableSelectId) {
this.drawableSelectId = drawableSelectId;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}

 

 

這樣就全部實現了。使用的話 要作為一個庫的哦,右鍵你的工程  點擊Build Path 下的Config Build Path,進入Android,選擇isLibrary  點擊ok,就完成了。

然後具體的使用方法,接下來的文章里 我會告訴大家的。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Swift支持大部分標準C語言的運算符, 且改進許多特性來減少常規編碼錯誤.如賦值符 = 不返回值, 以防止錯把等號 == 寫成賦值號 = 而導致Bug. 數值運算符( + , -, *, /, %等)會檢測並不允許值溢出, 以此來避免保存變數時由於變數大於或小於其類型所能承載的範圍時導致的異常結果 ...
  • 本文涉及到的WWDC2013 Session有 1.Session 206 Getting Started with UIKit Dynamics 2.Session 221 Advanced Techniques with UIKit Dynamics 什麼是UIKit動力學(UIKit Dyna ...
  • Android 環境搭建 (1)所需材料 eclipse 、ADT 、SDK 下載地址: ADT-15.0.0 android-sdk-windows eclipse-jee-helios-win32 jdk-8u65-windows-x64 http://pan.baidu.com/s/1o7Pu ...
  • 要使用它的話, 首先, 你要引用你的庫 到你的當前工程裡面, 操作方式如下,右鍵你當前的工程, build path 下的 Congfig Build Path,進入android,點擊add 然後,就有你的庫的工程,雙擊就ok。如圖 上面的步驟ok的話,現在就開始使用你的框架了 。 具體 應用的代 ...
  • 1.1 網路基本概念 為什麼要學習網路編程: 在移動互聯網時代,移動應用的特征有: 移動網路應用 = + + 幾個必須掌握的基本概念: 作為 ,主要的精力都是放在前端的 開發 1.2 伺服器 按照軟體開發階段來分,伺服器可以大致分為2種 (1) 遠程伺服器 / 外網伺服器 / 正式伺服器 (2) 本 ...
  • 利用pod trunk發佈程式 原先有說過CocoaPods的集成使用方法,對於pods集成以及管理三方框架確實有很多便捷之處,在這裡好處就不多說了。好處很多那是不是也想讓自己的項目讓別人pod的衝動了。多餘的話不用多講,直接上主題了。 1.註冊 $:pod trunk register 郵箱 '用 ...
  • 這篇博客介紹的是當前比較流行的“計步器”-只是簡單的知識點 計步器的實現在IOS8開始進行了改變。 但是我會對之前之後的都進行簡單介紹。 IOS 8 - IOS 8 + ...
  • http://www.cnblogs.com/roucheng/ Android一個ListView列表之中插入兩種不同的數據 代碼如下: 更多特效:http://www.cnblogs.com/roucheng/p/texiao.html ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...