Android Custom Universal Title Bar CustomTitleBar

  • 2021-10-24 23:54:28
  • OfStack

In this article, we share the specific code of Android custom general title bar for your reference. The specific content is as follows/p >

1 Customize 1 public_titlebar. xml file


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/rootView"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="horizontal">
 <ImageView
  android:id="@+id/ivLeft"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:src="@drawable/z"/>
 <LinearLayout
  android:layout_width="wrap_content"
  android:layout_height="match_parent"
  android:layout_weight="1">
  <TextView
   android:id="@+id/tvTitle"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_weight="1"
   android:text="tvTitle"/>
  <TextView
   android:id="@+id/tvRight"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_weight="1"
   android:text="tvRight"/>
 </LinearLayout>
</LinearLayout>

2. Create a new attrs. xml under the values folder


<?xml version="1.0" encoding="utf-8"?>
 <resources>
 <declare-styleable name="CustomerTitleBar">
  <attr name="left_image" format="reference"></attr>
  <attr name="center_text" format="string"></attr>
  <attr name="center_text_color" format="color"></attr>
  <attr name="center_text_size" format="dimension"></attr>
 </declare-styleable>
 </resources>

3. Custom CustomerTitleBar class inherits LinearLayout, unified 1 page title bar, including interface callback in the project


public class CustomerTitleBar extends LinearLayout {
private LinearLayout rootView;
private ImageView ivLeft;
private TextView tvTitle;
private TextView tvRight;
//3. Declare a callback object 
private CustomerClick leftClick;

/**
 * @param context
 */
// Directly in the code new1 A Custom View Instance , Will call the first 1 Constructor 
public CustomerTitleBar(Context context) {
 this(context,null);
}

// In xml Called in the layout file Custom View At the time of , Will call the first 2 Constructor 
public CustomerTitleBar(Context context,AttributeSet attrs) {
 this(context, attrs,-1);
}

// In xml Called in the layout file Custom View, And Custom View When there are custom attributes in the tag , What is called here is the first 2 Constructor .
public CustomerTitleBar(Context context,AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);
 init(context);
 initAttrs(context,attrs);
 initLister();
}

private void init(Context context) {
 rootView= (LinearLayout) View.inflate(context,R.layout.layout_customer_title_bar,this);
 ivLeft=rootView.findViewById(R.id.ivLeft);
 tvTitle=rootView.findViewById(R.id.tvTitle);
 tvRight=rootView.findViewById(R.id.tvRight);
}

private void initAttrs(Context context, AttributeSet attrs) {
 TypedArray typedArray=context.obtainStyledAttributes(attrs,R.styleable.CustomerTitleBar);
 Drawable drawable=typedArray.getDrawable(R.styleable.CustomerTitleBar_left_image);
 if (drawable!=null){
  ivLeft.setImageDrawable(drawable);
 }
 CharSequence text = typedArray.getText(R.styleable.CustomerTitleBar_center_text);
 if (!TextUtils.isEmpty(text)) {
  tvTitle.setText(text);
 }
 int color = typedArray.getColor(R.styleable.CustomerTitleBar_center_text_color, -1);

 if (color != -1) {
  tvTitle.setTextColor(color);
 }

 float dimension = typedArray.getDimension(R.styleable.CustomerTitleBar_center_text_size, 0f);

 tvTitle.setTextSize(dimension);
}

private void initLister() {
 ivLeft.setOnClickListener(new OnClickListener() {
  @Override
  public void onClick(View v) {
   //5. Using interface callbacks 
   if (leftClick!=null){
    leftClick.onLefClick(v);
   }
  }
 });
}
//4 That provides the callback object's set Method 
public void setLeftClick(CustomerClick leftClick) {
 this.leftClick = leftClick;
}
//1. Define callback interface 
interface CustomerClick{
 void onLefClick(View view);
}
}

4. References in layout files


<com.cn.jyx.customertitlebar.CustomerTitleBar
 android:id="@+id/ctTitle"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:gravity="center"
 customer:center_text=" Spit bubbles "
 customer:center_text_color="#ff00ff"
 customer:center_text_size="20sp" />

5. Usage in Activity


public class MainActivity extends AppCompatActivity {
 private CustomerTitleBar ctTitle;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  ctTitle=findViewById(R.id.ctTitle);
  //6 , using 
  ctTitle.setLeftClick(new CustomerTitleBar.CustomerClick() {
   @Override
   public void onLefClick(View view) {
    Toast.makeText(MainActivity.this," Spit bubbles ",Toast.LENGTH_LONG).show();
   }
  });
}
}

Related articles: