Android 사용자 정의 간단 한 상단 제목 표시 줄

본 논문 의 사례 는 안 드 로 이 드 가 간단 한 상단 제목 표시 줄 을 실현 하 는 구체 적 인 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
구현 기능:
1)제목 표시 줄 레이아웃 을 사용자 정의 합 니 다.
2)유형 을 유연 하 게 입력 하고 필요 한 컨트롤 을 선택 하여 숨 기기
3)내 가 이전에 쓴 것 에 비해 계승 을 면제 하고 레이아웃 에서 직접 사용 할 수 있다.
4)레이아웃 컨트롤 에 속성 을 직접 설정 할 수 있 습 니 다.
낡은 규칙,위의 몇 장의 효과 그림:

효과 도 에서 볼 수 있 듯 이 이것 은 입력 type 에 따라 제어 할 수 있 고 비교적 유연 하 다.
다음은 다음 절 차 를 실현 하고 마지막 으로 소스 코드 를 붙 이 겠 습 니 다.
1.레이아웃 파일 을 만 듭 니 다.이름,layottitlebar,제목 표시 줄 스타일 을 배치 합 니 다.변경 사항 을 사용자 정의 할 수 있 습 니 다.그림 파일 은 잠시 자신의 대체 로 사용 할 수 있 습 니 다.

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="50dp">
 
  <ImageView
    android:id="@+id/iv_back"
    android:layout_width="30dp"
    android:layout_height="30dp"
    android:layout_marginLeft="20dp"
    android:src="@drawable/icon_back"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
 
  <TextView
    android:id="@+id/tv_title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="  "
    android:textColor="#000"
    android:textSize="16sp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
 
  <TextView
    android:id="@+id/tv_more"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="  "
    android:textColor="#000"
    android:textSize="16sp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
 
  <ImageView
    android:id="@+id/iv_more"
    android:layout_width="30dp"
    android:layout_height="30dp"
    android:src="@drawable/icon_more"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
 
</android.support.constraint.ConstraintLayout>

2.사용자 정의 View,RelativeLayout 계승,3 단계 attr 파일 붙 이기

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;
 
/**
 * @Author :  
 * @Email : [email protected]
 * @Date : 2018/9/19
 *
 *            
 */
 
public class CustomTitleBar extends RelativeLayout {
 
  private ImageView ivBack;
  private TextView tvTitle;
  private TextView tvMore;
  private ImageView ivMore;
 
  public CustomTitleBar(Context context, AttributeSet attrs) {
    super(context, attrs);
 
    initView(context,attrs);
  }
 
  //     
  private void initView(final Context context, AttributeSet attributeSet) {
    View inflate = LayoutInflater.from(context).inflate(R.layout.layout_titlebar, this);
    ivBack = inflate.findViewById(R.id.iv_back);
    tvTitle = inflate.findViewById(R.id.tv_title);
    tvMore = inflate.findViewById(R.id.tv_more);
    ivMore = inflate.findViewById(R.id.iv_more);
 
    init(context,attributeSet);
  }
 
  //       
  public void init(Context context, AttributeSet attributeSet){
    TypedArray typedArray = context.obtainStyledAttributes(attributeSet, R.styleable.CustomTitleBar);
    String title = typedArray.getString(R.styleable.CustomTitleBar_title);//  
    int leftIcon = typedArray.getResourceId(R.styleable.CustomTitleBar_left_icon, R.drawable.icon_back);//    
    int rightIcon = typedArray.getResourceId(R.styleable.CustomTitleBar_right_icon, R.drawable.icon_more);//    
    String rightText = typedArray.getString(R.styleable.CustomTitleBar_right_text);//    
    int titleBarType = typedArray.getInt(R.styleable.CustomTitleBar_titlebar_type, 10);//     ,   10
 
    //          
    tvTitle.setText(title);
    ivBack.setImageResource(leftIcon);
    tvMore.setText(rightText);
    ivMore.setImageResource(rightIcon);
 
    //    type ,       
    if(titleBarType == 10){//   ,   10,       ,        
      ivMore.setVisibility(View.GONE);
      tvMore.setVisibility(View.VISIBLE);
    }else if(titleBarType == 11){//  11,        ,       
      tvMore.setVisibility(View.GONE);
      ivMore.setVisibility(View.VISIBLE);
    }
  }
 
  //        
  public void setLeftIconOnClickListener(OnClickListener l){
    ivBack.setOnClickListener(l);
  }
 
  //        
  public void setRightIconOnClickListener(OnClickListener l){
    ivBack.setOnClickListener(l);
  }
 
  //        
  public void setRightTextOnClickListener(OnClickListener l){
    ivBack.setOnClickListener(l);
  }
}

3.res 의 values 아래 attr 파일 만 들 기

<?xml version="1.0" encoding="utf-8"?>
<resources>
 
  <declare-styleable name="CustomTitleBar">
    <attr name="title" format="string"/>
    <attr name="left_icon" format="reference"/>
    <attr name="right_icon" format="reference"/>
    <attr name="right_text" format="string"/>
    <attr name="titlebar_type" format="integer"/>
  </declare-styleable>
 
</resources>

String 은 문자 형식 이 고 references 는 그림 형식 이 며 integer 는 숫자 형식 입 니 다. 
4.이 상단 제목 표시 줄 을 사용 하려 면 현재 레이아웃 에 도입
type 이 들 어 오 는 값 에 따라 오른쪽 에 텍스트 를 표시 할 지 그림 을 표시 할 지 변경 할 수 있 습 니 다.사용자 정의 View 에서 이 type 값 을 사용자 정의 할 수 있 습 니 다.

<com.titlebar.CustomTitleBar
    android:id="@+id/titlebar"
    android:background="#DCDCDC"
    app:right_icon="@drawable/icon_more"
    app:right_text="  "
    app:titlebar_type="11"
    app:left_icon="@drawable/icon_back"
    app:title="    "
    android:layout_width="match_parent"
    android:layout_height="wrap_content"></com.titlebar.CustomTitleBar>

5.클릭 이 벤트 를 호출 하기 위해 id 를 가 져 올 수 있 습 니 다.

CustomTitleBar titleBar = findViewById(R.id.titlebar);
    titleBar.setLeftIconOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        Toast.makeText(MainActivity.this, "  ", Toast.LENGTH_SHORT).show();
      }
    });

6.이렇게 많아 요.여기에 소스 코드 를 붙 여 보 세 요.친구 가 해 볼 수 있어 요.
Android 유연 한 사용자 정의 상단 제목 표시 줄
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.