自定義元件

冷月楓啊發表於2020-11-12

一、建立一個資原始檔

在這裡插入圖片描述
起個名字
在這裡插入圖片描述

二、去掉系統自帶的標題欄

在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
效果:
在這裡插入圖片描述
執行之後還有ACtivityBar
在這裡插入圖片描述

三、去掉ActivityBar

在.java檔案中

ActionBar actionBar = getSupportActionBar();
if(actionBar != null){
    actionBar.hide(); // 隱藏ActivityBar
}

四、自定義元件

**<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
    android:layout_marginLeft="10dp"
    android:backgroundTint="#ff0000"
    android:bufferType="normal"
    android:text="Back"
    android:textAllCaps="true"
    android:textSize="20sp"
    app:cornerRadius="20dp" />
<TextView
    android:layout_weight="1"
    android:text="Title Text"
    android:textColor="#ffffff"
    android:gravity="center"
    android:padding="10dp"
    android:textSize="30sp"
    android:textStyle="bold"
    android:layout_gravity="top"
    android:layout_width="0dp"
    android:layout_height="match_parent"/>
<Button
    android:text="Edit"
    android:textSize="20sp"
    android:textStyle="bold"
    android:layout_gravity="center_vertical"
    android:layout_marginRight="10dp"
    android:backgroundTint="#3388dd"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>**

效果:
在這裡插入圖片描述

五、在一個視窗中使用自定義元件

加入這一句話就好

<include layout="@layout/title" />
<!--匯入自定義的標題欄視窗-->

效果:
在這裡插入圖片描述

六、對標題欄進行深一步的定製

新建一個java類
在這裡插入圖片描述
在這裡插入圖片描述
繼承LineLayout佈局
在這裡插入圖片描述
設定按鈕和文字的功能

public class TitleLayout extends LinearLayout {
    // context:當前活動視窗  attrs:屬性的集合
    public TitleLayout(Context context,AttributeSet attrs) {
        super(context, attrs);
        // 從後臺獲取資源
        View view = LayoutInflater.from(context).inflate(R.layout.title,this);
        // 提取三個元件
        Button btnBack = view.findViewById(R.id.btn_Back);
        Button btnEdit = view.findViewById(R.id.btn_Edit);
        TextView tvText = view.findViewById(R.id.Tv_Text);

        /*設定文字顯示文字資訊*/
        // 如果是當前視窗
        if(context.getClass().getSimpleName().equals("ConstraintLayout")){
            tvText.setText("Message");
        }
        // 定製功能
        /* 設定按鍵的監聽器*/
        btnBack.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                ((Activity)context).finish(); // 將當前活動視窗關閉
            }
        });
        /* 給出一條訊息顯示*/
        btnEdit.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(context, "你點選了編輯按鈕" + context.getClass().getSimpleName(), Toast.LENGTH_SHORT).show();
            }
        });
    }

在執行的時候需要修改活動視窗中的呼叫方式
在這裡插入圖片描述

**<com.example.talkframe.TitleLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>**

效果:
標題欄的文字會根據視窗的不同而不同
在這裡插入圖片描述
點選編輯按鈕會彈出
在這裡插入圖片描述
點選Back按鈕會返回
在這裡插入圖片描述

今天8點起床,算是一個突破,不得不去記錄一下,怎麼說呢,今天也是一個漫長的一天吧

相關文章