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

拼搏现实的明天。 2022-10-16 00:51 105阅读 0赞

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

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

我们在项目开发中经常会遇见很多相似或者相同的布局，比如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();

\});

效果图：

![fb4b0bf760026b40ebd1cc0e296bf467.png][]

[fb4b0bf760026b40ebd1cc0e296bf467.png]: /images/20221014/1c2f90de55a84c6d94c412de946905cc.png

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

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Android自定义控件

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

相关 Android控件架构与自定义控件

相关 android 自定义控件

相关 android 自定义组合控件

相关 Android自定义控件之自定义组合控件（一）

相关 Android自定义控件之自定义组合控件（三）

相关 android自定义View——组合控件

相关 Android自定义控件之组合控件(menubar、imgbtn)

相关 android - 自定义（组合）控件 + 自定义控件外观