1. 程式人生 > >底部導航欄:利用viewpager實現Android底部標題欄

底部導航欄:利用viewpager實現Android底部標題欄

設定小紅點和數字方法:

http://blog.csdn.net/yancychas/article/details/77331177


方法一. ViewPager + List<View> + PagerAdapter

先看activity_main.xml [html]  view plain  copy
  1. <LinearLayout xmlns:android
    ="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:orientation
    ="vertical" >  
  6.   
  7.     <LinearLayout  
  8.         android:layout_width="match_parent"  
  9.         android:layout_height="45dp"  
  10.         android:background="#0E6DB0"  
  11.         android:gravity="center"  
  12.         android:orientation="vertical" >  
  13.   
  14.         <TextView  
  15.             android:layout_width="wrap_content"  
  16.             android:layout_height="wrap_content"  
  17.             android:layout_gravity="center"  
  18.             android:text="@string/app_name"  
  19.             android:textColor="#ffffff"  
  20.             android:textSize="20sp"  
  21.             android:textStyle="bold" />  
  22.     </LinearLayout>  
  23.   
  24.     <android.support.v4.view.ViewPager  
  25.         android:id="@+id/viewPager"  
  26.         android:layout_width="match_parent"  
  27.         android:layout_height="0dp"  
  28.         android:layout_weight="1" >  
  29.     </android.support.v4.view.ViewPager>  
  30.   
  31.     <LinearLayout  
  32.         android:layout_width="match_parent"  
  33.         android:layout_height="55dp"  
  34.         android:background="#0E6DB0"  
  35.         android:orientation="horizontal" >  
  36.   
  37.         <LinearLayout  
  38.             android:id="@+id/llChat"  
  39.             android:layout_width="0dp"  
  40.             android:layout_height="match_parent"  
  41.             android:layout_weight="1"  
  42.             android:gravity="center"  
  43.             android:orientation="vertical" >  
  44.   
  45.             <ImageView  
  46.                 android:id="@+id/ivChat"  
  47.                 android:layout_width="wrap_content"  
  48.                 android:layout_height="wrap_content"  
  49.                 android:background="#00000000"  
  50.                 android:src="@drawable/tab_chat" />  
  51.   
  52.             <TextView  
  53.                 android:id="@+id/tvChat"  
  54.                 android:layout_width="wrap_content"  
  55.                 android:layout_height="wrap_content"  
  56.                 android:text="微信"  
  57.                 android:textColor="@drawable/tab_textview" />  
  58.         </LinearLayout>  
  59.   
  60.         <LinearLayout  
  61.             android:id="@+id/llFriends"  
  62.             android:layout_width="0dp"  
  63.             android:layout_height="match_parent"  
  64.             android:layout_weight="1"  
  65.             android:gravity="center"  
  66.             android:orientation="vertical" >  
  67.   
  68.             <ImageView  
  69.                 android:id="@+id/ivFriends"  
  70.                 android:layout_width="wrap_content"  
  71.                 android:layout_height="wrap_content"  
  72.                 android:background="#00000000"  
  73.                 android:src="@drawable/tab_friends" />  
  74.   
  75.             <TextView  
  76.                 android:id="@+id/tvFriends"  
  77.                 android:layout_width="wrap_content"  
  78.                 android:layout_height="wrap_content"  
  79.                 android:text="朋友"  
  80.                 android:textColor="@drawable/tab_textview" />  
  81.         </LinearLayout>  
  82.   
  83.         <LinearLayout  
  84.             android:id="@+id/llContacts"  
  85.             android:layout_width="0dp"  
  86.             android:layout_height="match_parent"  
  87.             android:layout_weight="1"  
  88.             android:gravity="center"  
  89.             android:orientation="vertical" >  
  90.   
  91.             <ImageView  
  92.                 android:id="@+id/ivContacts"  
  93.                 android:layout_width="wrap_content"  
  94.                 android:layout_height="wrap_content"  
  95.                 android:background="#00000000"  
  96.                 android:src="@drawable/tab_contacts" />  
  97.   
  98.             <TextView  
  99.                 android:id=

    相關推薦

    底部導航利用viewpager實現Android底部標題

    設定小紅點和數字方法: http://blog.csdn.net/yancychas/article/details/77331177 方法一. ViewPager + List<View> + PagerAdapter 先看activity_main

    Android利用ViewPager實現滑動放大縮小

    效果圖: 實現這個效果需要先處理佈局檔案 處理如下: ViewPager控制元件的父佈局需要設定  android:clipChildren="false" 這個屬性的解釋是Defines whether a child is limited to draw in

    Android TV利用viewPager實現輪播圖,並通過handler進行邏輯控制

        公司要求實現一個輪播圖,滾動圖片及其對應文字。共有五張圖,包含小圓點。     最初的實現是參考了https://blog.csdn.net/zhaoxiaojian1213/article/details/78280132,使用ViewPager實現,新開一個執行

    簡單實現Android頂部工具底部工具

    直接上圖,有圖有真相。 這兩個工具欄全是用佈局來實現的。 底部工具欄佈局程式碼: <?xml version="1.0" encoding="utf-8"?><RelativeLayout     ="http://schemas.androi

    android利用PopupWindow實現點選工具彈出下拉選單

    package com.example.dropdownmenu; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import android.os.Bu

    Android使用ViewPager實現左右滑動切換圖片 (簡單版)

    ViewPager,它是google SDk中自帶的一個附加包的一個類, 可以使檢視滑動。 步驟: 1、引入android-support-v4.jar包,在主佈局里加入 <android.support.v4.view.ViewPager android

    Python基礎程式設計利用列表實現簡單的先進後出、先進先出

    i = []#定義空白列表 def push(a):#定義增加函式 i.append(a) def view():#定義列印函式 print(i) while True: print('請輸入你的操作:') print('push:u')#增加元素 print

    Python3利用Socket實現多使用者實時聊天.

    我們繼續在用程式碼演示Socket和Server 實現通訊 這個章節繼續擴充套件 首先我們要做到的是 實時通訊, 這裡面牽扯了3個知識點: 既然是實時通訊,必須是用input線上輸入 我們要把close 語句刪除,否則會自己斷掉 為了達到實時通訊,必須不斷的迴

    rabbitmq學習(四)利用rabbitmq實現遠端rpc呼叫

    一、rabbitmq實現rpc呼叫的原理 ·rabbitmq實現rpc的原理是:客戶端向一個佇列中傳送訊息,並註冊一個回撥的佇列用於接收服務端返回的訊息,該訊息需要宣告一個叫做correaltionId的屬性,該屬性將是該次請求的唯一標識。服務端在接受到訊息(在需要時可以驗證correaltionId)後,

    rabbitmq學習(四)利用rabbitmq實現遠程rpc調用

    ext new urn trace cat ued 創建 exc false 一、rabbitmq實現rpc調用的原理 ·rabbitmq實現rpc的原理是:客戶端向一個隊列中發送消息,並註冊一個回調的隊列用於接收服務端返回的消息,該消息需要聲明一個叫做correaltio

    樹莓派學習筆記(7)利用bypy實現樹莓派NAS同步百度雲

    樹莓派製作NAS過程詳見http://www.cnblogs.com/xiaowuyi/p/4051238.html。 Bypy是一個百度雲/百度網盤的Python客戶端,主要的目的就是在Linux環境下(命令列)同步百度雲盤空間。Bypy要求python2.7

    從零開始學caffe(七)利用GoogleNet實現影象識別

    一、準備模型 在這裡,我們利用已經訓練好的Googlenet進行物體影象的識別,進入Googlenet的GitHub地址,進入models資料夾,選擇Googlenet 點選Googlenet的模型下載地址下載該模型到電腦中。 模型結構 在這裡,我們利用之前講

    .NET Core微服務之路利用DotNetty實現一個簡單的通訊過程

      上一篇我們已經全面的介紹過《基於gRPC服務發現與服務治理的方案》,我們先複習一下RPC的呼叫過程(筆者會在這一節的幾篇文章中反覆的強調這個過程呼叫方案),看下圖

    Python實戰利用Tkinter實現屏保程式

    利用Tkinter實現綵球碰撞屏保 一、架構與思路 (1)主函式: main():通過類啟動程式; (2)類: ScreenSaver():用於定義屏保和主畫布,呼叫球建立、運動等函式; RandomBall():定義球的基本屬性、球建立與運動

    Java 100-003利用按鈕實現更換背景的效果

    package java01; import java.awt.Color; import java.awt.event.*; import javax.swing.*; /** * 我的java每天100行程式碼003 * 利用按鈕實現更換背景的效果 * @author

    利用AspectJ實現Android端非侵入式埋點

    前言 最近在專案中遇到通過埋點對使用者行為進行收集的需求,由於專案執行在區域網,而且有一些很細化的需求,比較幾種技術方案之後,選擇了通過AspectJ進行埋點。本文主要介紹筆者對學習和使用AspectJ的總結。 AspectJ是什麼 正如面向物件程式設

    利用Bundle實現Android Activity間訊息的傳遞

    Activity間的通訊是通過Intent類。  比如有兩個類A.class, B.class 由A啟動新的activity B(單向),當B退出的時候A將不會接收到任何資訊:Intent i = new Intent(this,B.class); startActiv

    BS開發技巧之一利用Textarea實現長文字域的輸入

    問題提出:   在BS模式下,開啟瀏覽器對文擋進行編輯操作時,如果一個文字域原來的內容很多,大大超過當前域的輸入框,那麼如果需要對這個域的內容進行修改時,要找到對應修改的字眼會顯得很麻煩。 解決思路:   模擬RTF域的輸入模式。 解決辦法:   假使待處理域為FieldA。

    evpp設計細節系列(1)利用 enable_shared_from_this 實現一個自管理的定時器

    0. 前言 現在我們覆盤一下這個功能的實現細節和演化過程。 1. 基礎程式碼 定時器原型宣告可能是下面的樣子: class InvokeTimer { public: InvokeTimer(struct event_base* ev

    Java應用OpenvCV指南其六利用OpenCV實現的數字識別(驗證碼識別)

      之前介紹了很多概念上的東西,這次讓我們來進行一次實際的應用。數字識別可以應用在許多領域,如數字型驗證碼的識別,車牌識別等領域。下面借我之前完成的一個數字驗證碼識別的小專案來簡單認識一下圖象識別領域的知識。   如果在閱讀這篇文章時有什麼疑問,可以參考一下之