Android에서 사용자 정의 액션 바를 만드는 방법은 무엇입니까?

예제에 들어가기 전에 우리는 안드로이드에서 액션 바가 무엇인지 알아야 합니다. 안드로이드의 헤더와 같은 액션 바. 모든 화면에 동일한 작업 표시줄을 사용하거나 특정 활동에 대해 작업 표시줄을 변경할 수 있습니다.

이 예는 Android에서 사용자 지정 작업 모음을 만드는 방법을 보여줍니다.

1단계 − Android Studio에서 새 프로젝트를 생성하고 파일 ⇒ 새 프로젝트로 이동하여 필요한 모든 세부 정보를 입력하여 새 프로젝트를 생성합니다.

2단계 − res/layout/activity_main.xml에 다음 코드를 추가합니다.

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android = "https://schemas.android.com/apk/res/android"
   xmlns:tools = "https://schemas.android.com/tools"
   android:layout_width = "match_parent"
   android:layout_height = "match_parent"
   tools:context = ".MainActivity">
   <TextView
      android:layout_width = "wrap_content"
      android:layout_height = "wrap_content"
      android:text = "Custom Action Bar"
      android:textSize = "20sp"/>
</LinearLayout>

2단계 − src/MainActivity.java

import android.os.Bundle;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      this.getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
      getSupportActionBar().setDisplayShowCustomEnabled(true);
      getSupportActionBar().setCustomView(R.layout.custom_action_bar);
      //getSupportActionBar().setElevation(0);
      View view = getSupportActionBar().getCustomView();
      TextView name = view.findViewById(R.id.name);
      name.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            Toast.makeText(MainActivity.this, "You have clicked tittle", Toast.LENGTH_LONG).show();
         }
      });
   }
}

3단계 - res 폴더에 action bar의 레이아웃을 아래와 같이 custom_action_bar.xml로 생성

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android = "https://schemas.android.com/apk/res/android"
   xmlns:app = "https://schemas.android.com/apk/res-auto"
   android:layout_width = "match_parent"
   android:layout_height = "wrap_content"
   android:gravity = "center_vertical"
   android:padding = "10dp"
   android:weightSum = "1">
   <LinearLayout
      android:layout_width = "0dp"
      android:layout_height = "match_parent"
      android:layout_weight = "0.6">
      <ImageView
         android:layout_width = "wrap_content"
         android:layout_height = "match_parent"
         android:src = "@drawable/ic_face_red_400_24dp" />
      <TextView
         android:id = "@+id/name"
         android:layout_width = "match_parent"
         android:layout_height = "wrap_content"
         android:layout_marginLeft = "10dp"
         android:text = "Instagram"
         android:textSize = "20sp"
         android:textColor = "#000"
         android:textStyle = "bold"
         app:fontFamily = "@font/allan_bold" />
   </LinearLayout>
   <LinearLayout
      android:layout_width = "0dp"
      android:layout_height = "match_parent"
      android:layout_marginRight = "10dp"
      android:layout_weight = "0.4"
      android:gravity = "end">
   <ImageView
      android:layout_width = "wrap_content"
      android:layout_height = "match_parent"
      android:src = "@drawable/ic_local_post_office_red_400_24dp" />
   <ImageView
      android:layout_width = "wrap_content"
      android:layout_height = "match_parent"
      android:layout_marginLeft = "20dp"
      android:src = "@drawable/ic_send_red_400_24dp" />
   </LinearLayout>
</LinearLayout>

참고 − 프로젝트/응용 프로그램 사양에 따라 사용자 지정 레이아웃을 변경해야 합니다.

응용 프로그램을 실행해 보겠습니다. 실제 Android 모바일 장치를 컴퓨터에 연결했다고 가정합니다. Android 스튜디오에서 앱을 실행하려면 프로젝트의 활동 파일 중 하나를 열고 실행을 클릭하세요. 툴바에서 아이콘. 모바일 장치를 옵션으로 선택한 다음 기본 화면을 표시할 모바일 장치를 확인하십시오.

작업 표시줄 버튼 그림자를 제거하려면 아래와 같이 MainActivity의 onCreate()에서 다음 코드를 사용하십시오.

this.getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
getSupportActionBar().setDisplayShowCustomEnabled(true);
getSupportActionBar().setCustomView(R.layout.custom_action_bar);
getSupportActionBar().setElevation(0);
View view = getSupportActionBar().getCustomView();

이제 애플리케이션을 실행하면 아래와 같이 출력됩니다 -