Android 自定義標題欄組件

来源:https://www.cnblogs.com/spiropentadiene/archive/2022/11/21/16912875.html
-Advertisement-
Play Games

1.繪製Layout文件 首先新建一個layout文件, 命名為title_bar, 在裡面繪製標題欄, 我需要的是一個有返回鍵和當前頁面標題的titleBar 佈局代碼如下 <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:andr ...


1.繪製Layout文件

首先新建一個layout文件, 命名為title_bar, 在裡面繪製標題欄, 我需要的是一個有返回鍵和當前頁面標題的titleBar



佈局代碼如下

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginBottom="1dp"
        android:background="#DDDDDD">

        <Button
            android:id="@+id/titleBack"
            style="@style/Widget.AppCompat.Button.Borderless"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_margin="10dp"
            android:background="@drawable/ic_baseline_arrow_back_ios_24"
            android:gravity="start|top" />

        <TextView
            android:id="@+id/tvTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="標題"
            android:textSize="20sp" />
    </FrameLayout>

</FrameLayout>

其中返回圖標@drawable/ic_baseline_arrow_back_ios_24來自Android Studio內置的預設圖標

點擊查看導入圖標的步驟





然後依次點擊next→finish, 完成導入

預覽如圖

2.綁定對應的類

新建一個Java Class, 我把它命名為TitleLayout

使其繼承FrameLayout類, 並且創建對應的構造方法, 綁定之前創建的Layout文件和其中的組件

public class TitleLayout extends FrameLayout {
    TextView tvTitle;
    Button titleBack;
    public TitleLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);

        //動態載入佈局文件
        LayoutInflater.from(context).inflate(R.layout.title_bar, this);
        //綁定對應組件
        titleBack = findViewById(R.id.titleBack);
        tvTitle = findViewById(R.id.tvTitle);
    }
}

我希望返回的圖標在點擊以後能夠結束當前activity返回上一級, 所以我們給titleBack組件綁定點擊事件:

	//綁定返回按鈕的點擊事件
        titleBack.setOnClickListener(v -> {
            //結束當前Activity
            ((Activity) getContext()).finish();
        });

除此之外, 我希望在其他activity中用到這個組件時, 可以自由設置標題的內容, 所以添加一個可以用於設置標題文字的方法:

    //用於設置標題文字
    public void setTitle(String title){
        tvTitle.setText(title);
    }

當標題欄被應用在應用程式的首頁時, 我不希望標題欄上存在返回鍵(感覺很奇怪不是嗎), 所以我添加了一個可以用於隱藏或顯示返回鍵的方法:

    //用於設置返回按鈕是否顯示
    public void setBack(Boolean b){
        if(!b) titleBack.setVisibility(View.GONE);
        else titleBack.setVisibility(View.VISIBLE);
    }

到這裡, 我希望這個組件能實現的功能已經全部實現了, 完整的類的代碼為:

import android.app.Activity;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;

public class TitleLayout extends FrameLayout {

    TextView tvTitle;
    Button titleBack;

    public TitleLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);

        //動態載入佈局文件
        LayoutInflater.from(context).inflate(R.layout.title_bar, this);
        //綁定對應組件
        titleBack = findViewById(R.id.titleBack);
        tvTitle = findViewById(R.id.tvTitle);
        //綁定返回按鈕的點擊事件
        titleBack.setOnClickListener(v -> {
            //結束當前Activity
            ((Activity) getContext()).finish();
        });
    }

    //用於設置標題文字
    public void setTitle(String title){
        tvTitle.setText(title);
    }
    //用於設置返回按鈕是否顯示
    public void setBack(Boolean b){
        if(!b) titleBack.setVisibility(View.GONE);
        else titleBack.setVisibility(View.VISIBLE);
    }
}

3.在Activity中調用組件

  1. 進入MainActivity對應的layout文件activity_main.xml, 添加我們創建的TitleLayout組件。

    為了更加方便地佈局, 我把根節點改為了LinearLayout。

    其中TitleLayout組件的首碼com.example.titlebartest是包名, 可以在預設創建的MainActivity的第一行查看

  2. 在MainActivity中綁定TitleLayout組件, 並修改預設的標題

    // 綁定組件
    TitleLayout titleBar = findViewById(R.id.title);
    // 設置標題文字
    titleBar.setTitle("首頁");
    
  3. 隱藏原本的標題欄

    進入AndroidManifest.xml文件, 在activity標簽中添加

    android:theme="@style/Theme.AppCompat.Light.NoActionBar" 
    
  4. 點擊運行, 運行的結果如圖所示:

    在點擊返回按鈕後, 應用程式結束了運行。

    如果不希望在首頁時標題欄上存在改按鈕, 則通過titleBar.setBack(false);來隱藏該按鈕

  5. MainActivity的完整代碼如下:

    public class MainActivity extends AppCompatActivity {
        TitleLayout titleBar;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            // 綁定組件
            titleBar = findViewById(R.id.title);
            // 設置標題文字
            titleBar.setTitle("首頁");
            // 隱藏返回按鈕圖標
            titleBar.setBack(false);
        }
    }
    

    重新運行, 可見返回按鈕被隱藏了


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

-Advertisement-
Play Games
更多相關文章
  • 前端做數據分頁,至少需要傳給後端的關鍵數據: 當前頁碼:pageNum(需要查第幾頁的數據,必須前端提供) 每頁顯示數據條數:limit 或 pageSize(可前端傳,可後端自定義) 前端需要的數據,即後端需要查的數據:(可定義 PageHelper 封裝數據) int count:總記錄數 (直 ...
  • 首發微信公眾號:SQL資料庫運維 原文鏈接:https://mp.weixin.qq.com/s?__biz=MzI1NTQyNzg3MQ==&mid=2247485212&idx=1&sn=450e9e94fa709b5eeff0de371c62072b&chksm=ea37536cdd40da7 ...
  • 摘要:為了持續打造核心競爭力,英克康健聯合華為雲,基於雲資料庫RDS for PostgreSQL全新打造了一個高性能、大容量、高可用的SaaS醫葯管理系統,助力萬千藥企業務邁上新臺階。 本文分享自華為雲社區《雲時代下,醫葯行業管理居然這麼簡單》,作者:GaussDB 資料庫 。 乘借數字化東風,醫 ...
  • 在mysql中,hint指的是“查詢優化提示”,會提示優化器按照一定的方式來生成執行計划進行優化,讓用戶的sql語句更具靈活性;Hint可基於表的連接順序、方法、訪問路徑、並行度等規則對DML(數據操縱語言,Data Manipulation Language)語句產生作用。 我們在操作表、欄位或索 ...
  • 簡述 SQL Server 是一個值得信賴的老牌資料庫系統,自從 1988 年由 Microsoft、Sybase 和 Ashton-Tate 三家公司共同推出之後就一直不斷迭代更新。而如今我們提到 SQL Server 通常是指 Microsoft 從 SQL Server 2000 之後的版本。 ...
  • 我是風箏,公眾號「古時的風箏」,專註於 Java技術 及周邊生態。 文章會收錄在 JavaNewBee 中,更有 Java 後端知識圖譜,從小白到大牛要走的路都在裡面。 有朋友聊到他們的系統中要接入全文檢索,這讓我想起了很久以前為一個很古老的項目添加搜索功能的事兒。 一提到全文檢索,我們首先就會想到 ...
  • TableView 基礎 本文講講TableView的基本使用. 順便介紹一下delegation. TableView用來做什麼 TableView用來展示一個很長的list. 和Android中的RecyclerView不同, iOS中的TableView只能是豎直方向的list. 如何寫一個最 ...
  • Android網路請求(1) ​ 安卓開髮網絡請求可謂是安卓開發的靈魂,如果你不會網路請求,那麼你開發的應用軟體就是一具沒有靈魂的枯骨。 ​ 在安卓開發中進行網路請求和java中的網路請求有異曲同工之妙,但是安卓軟體畢竟的安裝在我們手機上的,而平常的應用軟體下載後會要求你給與許可權,否則就沒辦法使用, ...
一周排行
    -Advertisement-
    Play Games
  • 在C#中使用SQL Server實現事務的ACID(原子性、一致性、隔離性、持久性)屬性和使用資料庫鎖(悲觀鎖和樂觀鎖)時,你可以通過ADO.NET的SqlConnection和SqlTransaction類來實現。下麵是一些示例和概念說明。 實現ACID事務 ACID屬性是事務處理的四個基本特征, ...
  • 我們在《SqlSugar開發框架》中,Winform界面開發部分往往也用到了自定義的用戶控制項,對應一些特殊的界面或者常用到的一些局部界面內容,我們可以使用自定義的用戶控制項來提高界面的統一性,同時也增強了使用的便利性。如我們Winform界面中用到的分頁控制項、附件顯示內容、以及一些公司、部門、菜單的下... ...
  • 在本篇教程中,我們學習瞭如何在 Taurus.MVC WebMVC 中進行數據綁定操作。我們還學習瞭如何使用 ${屬性名稱} CMS 語法來綁定頁面上的元素與 Model 中的屬性。通過這些步驟,我們成功實現了一個簡單的數據綁定示例。 ...
  • 是在MVVM中用來傳遞消息的一種方式。它是在MVVMLight框架中提供的一個實現了IMessenger介面的類,可以用來在ViewModel之間、ViewModel和View之間傳遞消息。 Send 接受一個泛型參數,表示要發送的消息內容。 Register 方法用於註冊某個對象接收消息。 pub ...
  • 概述:在WPF中,通過EventHandler可實現基礎和高級的UI更新方式。基礎用法涉及在類中定義事件,併在UI中訂閱以執行更新操作。高級用法藉助Dispatcher類,確保在非UI線程上執行操作後,通過UI線程更新界面。這兩種方法提供了靈活而可靠的UI更新機制。 在WPF(Windows Pre ...
  • 概述:本文介紹了在C#程式開發中如何利用自定義擴展方法測量代碼執行時間。通過使用簡單的Action委托,開發者可以輕鬆獲取代碼塊的執行時間,幫助優化性能、驗證演算法效率以及監控系統性能。這種通用方法提供了一種便捷而有效的方式,有助於提高開發效率和代碼質量。 在軟體開發中,瞭解代碼執行時間是優化程式性能 ...
  • 概述:Cron表達式是一種強大的定時任務調度工具,通過配置不同欄位實現靈活的時間規定。在.NET中,Quartz庫提供了簡便的方式配置Cron表達式,實現精準的定時任務調度。這種靈活性和可擴展性使得開發者能夠根據需求輕鬆地制定和管理定時任務,例如每天備份系統日誌或其他重要操作。 Cron表達式詳解 ...
  • 概述:.NET提供多種定時器,如System.Windows.Forms.Timer適用於UI,System.Web.UI.Timer用於Web,System.Diagnostics.Timer用於性能監控,System.Threading.Timer和System.Timers.Timer用於一般 ...
  • 問題背景 有同事聯繫我說,在生產環境上,訪問不了我負責的common服務,然後我去檢查common服務的health endpoint, 沒問題,然後我問了下異常,timeout導致的System.OperationCanceledException。那大概率是客戶端的問題,會不會是埠耗盡,用ne ...
  • 前言: 在本篇 Taurus.MVC WebMVC 入門開發教程的第四篇文章中, 我們將學習如何實現數據列表的綁定,通過使用 List<Model> 來展示多個數據項。 我們將繼續使用 Taurus.Mvc 命名空間,同時探討如何在視圖中綁定並顯示一個 Model 列表。 步驟1:創建 Model ...