android自定义控件demo,android--------自定义控件 之 组合控件篇

这篇博文主要来说说 自定义控件的组合控件来提高布局的复用

使用自定义组合控件的好处？

我们在项目开发中经常会遇见很多相似或者相同的布局，比如APP的标题栏，我们就可以用自定义组合控件来实现，以提高开发效率，降低开发成本为导向的，也便于扩展。

当然也可以有其他方式，如 include 标签

1：标题栏布局文件

android:id="@+id/title_tab_left"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_centerVertical="true"

android:layout_marginLeft="5dp"

android:background="@null"

android:minHeight="45dp"

android:textSize="14sp"

/>

android:id="@+id/title_tab_title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:maxLines="1"

android:textSize="17sp" />

android:id="@+id/title_tab_right"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_centerVertical="true"

android:layout_marginRight="7dp"

android:background="@null"

android:minHeight="45dp"

android:minWidth="45dp"

android:textSize="14sp" />

2：属性文件

3：自定义控件

public class TopTabToolView extends RelativeLayout {

private ImageView titleBarLeftImg;

private Button titleBarRightBtn;

private TextView titleBarTitle;

public TopTabToolView(Context context) {

super(context);

}

public TopTabToolView(Context context, AttributeSet attrs) {

super(context, attrs);

LayoutInflater.from(context).inflate(R.layout.tab_tool_layout,this,true);

titleBarLeftImg = (ImageView)findViewById(R.id.title_tab_left);

titleBarTitle = (TextView)findViewById(R.id.title_tab_title);

titleBarRightBtn = (Button)findViewById(R.id.title_tab_right);

TypedArray typedArray = context.obtainStyledAttributes(attrs,R.styleable.TopTabToolView);

if (typedArray != null){

//背景设置

int titleBarBackGround = typedArray.getColor(R.styleable.TopTabToolView_tab_background_color, Color.WHITE);

setBackgroundColor(titleBarBackGround);

//-------------------------标题栏左边----------------------

boolean leftImgVisible = typedArray.getBoolean(R.styleable.TopTabToolView_left_tab_visible,true);

if (leftImgVisible){

titleBarLeftImg.setVisibility(VISIBLE);

}else {

titleBarLeftImg.setVisibility(GONE);

}

//设置图标

int leftTabDrawble = typedArray.getResourceId(R.styleable.TopTabToolView_left_tab_drawable,-1);

if (leftTabDrawble != -1){

titleBarLeftImg.setImageResource(leftTabDrawble);

}

//--------------------------中间标题-----------------------

String titleText = typedArray.getString(R.styleable.TopTabToolView_title_text);

if (!TextUtils.isEmpty(titleText)){

titleBarTitle.setText(titleText);

//设置字体颜色

int titleTextColor = typedArray.getColor(R.styleable.TopTabToolView_title_color,Color.WHITE);

titleBarTitle.setTextColor(titleTextColor);

}

//------------------------标题栏右边-------------------------

boolean rightButtonVisible = typedArray.getBoolean(R.styleable.TopTabToolView_right_tab_visible,true);

if (rightButtonVisible){

titleBarRightBtn.setVisibility(VISIBLE);

}else {

titleBarRightBtn.setVisibility(INVISIBLE);

}

//设置文字

String rightBtnText = typedArray.getString(R.styleable.TopTabToolView_right_tab_text);

if (!TextUtils.isEmpty(rightBtnText)){

titleBarRightBtn.setText(rightBtnText);

int rightBtnTextColor = typedArray.getColor(R.styleable.TopTabToolView_right_tab_text_color,Color.WHITE);

titleBarRightBtn.setTextColor(rightBtnTextColor);

}

//设置图标

int rightBtnDrawable = typedArray.getResourceId(R.styleable.TopTabToolView_right_tab_drawable,-1);

if (rightBtnDrawable != -1){

titleBarRightBtn.setCompoundDrawablesWithIntrinsicBounds(0,0,rightBtnDrawable,0);

}

typedArray.recycle();

}

}

public TopTabToolView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

}

/**

* 设置标题

* @param title

*/

public void setTitle(String title){

if (!TextUtils.isEmpty(title)){

titleBarTitle.setText(title);

}

}

/***

* 左边点击

* @param onClickListener

*/

public void setLeftOnClickListener(OnClickListener onClickListener){

if (onClickListener != null){

titleBarLeftImg.setOnClickListener(onClickListener);

}

}

/***

* 右边点击

* @param onClickListener

*/

public void setRightOnClickListener(OnClickListener onClickListener){

if (onClickListener != null){

titleBarRightBtn.setOnClickListener(onClickListener);

}

}

}

属性文件的设置也可以通过Java代码修改， 如： Title标题

4：Activity代码

public class Demo3Activity extends AppCompatActivity {

TopTabToolView topTabToolView;

@Override

protected void onCreate(@Nullable Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.demo3);

initView();

}

private void initView(){

topTabToolView = (TopTabToolView) findViewById(R.id.tab1);

topTabToolView.setTitle("代码设置标题");

topTabToolView.setLeftOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

finish();

}

});

topTabToolView.setRightOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(Demo3Activity.this,"关闭",Toast.LENGTH_LONG).show();

}

});

}

}

效果图：