Android自定义通用的标题栏CustomTitleBar

1自定义一个public_titlebar.xml文件

<?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.在values文件夹下新建一个attrs.xml

	<?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.自定义CustomerTitleBar类继承LinearLayout,统一页面标题栏,项目中包括接口回调

public class CustomerTitleBar extends LinearLayout {
private LinearLayout rootView;
private ImageView ivLeft;
private TextView tvTitle;
private TextView tvRight;
//3.声明回调对象
private CustomerClick leftClick;

/**
 * @param context
 */
//在代码中直接new一个Custom View实例的时候,会调用第一个构造函数
public CustomerTitleBar(Context context) {
    this(context,null);
}

//在xml布局文件中调用Custom View的时候,会调用第二个构造函数
public CustomerTitleBar(Context context,AttributeSet attrs) {
    this(context, attrs,-1);
}

//在xml布局文件中调用Custom View,并且Custom View标签中还有自定义属性时,这里调用的还是第二个构造函数.
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.使用接口回调
            if (leftClick!=null){
                leftClick.onLefClick(v);
            }
        }
    });
}
//4、提供回调对象的set方法
public void setLeftClick(CustomerClick leftClick) {
    this.leftClick = leftClick;
}
//1.定义回调接口
interface CustomerClick{
    void onLefClick(View view);
}
}

4.在布局文件中的引用

	<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="吐泡泡"
        customer:center_text_color="#ff00ff"
        customer:center_text_size="20sp" />

5.在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、使用
        ctTitle.setLeftClick(new CustomerTitleBar.CustomerClick() {
            @Override
            public void onLefClick(View view) {
                Toast.makeText(MainActivity.this,"吐泡泡",Toast.LENGTH_LONG).show();
            }
        });
}
}

猜你喜欢

转载自blog.csdn.net/jyxlichao/article/details/83961776