0
点赞
收藏
分享

微信扫一扫

Android自定义标题栏替代复杂的Actionbar,移动端开发框架

王栩的文字 2022-03-19 阅读 61

android:paddingEnd="@dimen/mdp_10"

android:paddingLeft="@dimen/mdp_15"

android:paddingRight="@dimen/mdp_10"

android:paddingStart="@dimen/mdp_15"

android:scaleType="fitCenter"

android:src="@mipmap/icon_search"

android:visibility="invisible" />

<TextView

android:id="@+id/tv_title_right"

android:layout_width="wrap_content"

android:layout_height="50dp"

android:layout_alignParentRight="true"

android:layout_centerVertical="true"

android:gravity="center_vertical"

android:paddingEnd="@dimen/mdp_10"

android:paddingLeft="@dimen/mdp_15"

android:paddingRight="@dimen/mdp_10"

android:paddingStart="@dimen/mdp_15"

android:textColor="@color/colorWhite"

android:textSize="@dimen/msp_14"

android:visibility="invisible" />

</RelativeLayout>

2、在res/values/ ?下建立一个attrs.xml

(一共有:string,color,demension,integer,enum,reference,float,boolean,fraction,flag;不清楚的可以google一把。)

<?xml version="1.0" encoding="UTF-8"?>

<resources>

<declare-styleable name="TitleLinearLayout">

<attr name="isBack" format="boolean" />

</declare-styleable>

</resources>

3、创建一个类TitleView,继承自LinearLayout: ?

package com.a.b.view;

import android.app.Activity;

import android.content.Context;

import android.content.res.TypedArray;

import android.util.AttributeSet;

import android.view.LayoutInflater;

import android.view.View;

import android.widget.ImageView;

import android.widget.LinearLayout;

import android.widget.TextView;

import com.a.b.R;

/**

  • Title通用布局

  • @author Administrator

*/

public class MTitle extends LinearLayout {

private ImageView imgBack;

private TextView tvMid;

private ImageView imgRight;

private TextView tvRight;

public MTitle(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

initView(context, attrs);

}

public MTitle(Context context, AttributeSet attrs) {

super(context, attrs);

ini

Android自定义标题栏替代复杂的Actionbar,移动端开发框架

tView(context, attrs);

}

private void initView(final Context context, AttributeSet attrs) {

View title = LayoutInflater.from(context).inflate(R.layout.app_title, null);

tvMid = (TextView) title.findViewById(R.id.tv_title_mid);

TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.TitleLinearLayout);

boolean isBack = a.getBoolean(R.styleable.TitleLinearLayout_isBack, false);

if (getTag() != null) {

tvMid.setText(this.getTag().toString());

}

imgBack = (ImageView) title.findViewById(R.id.img_back);

imgRight = (ImageView) title.findViewById(R.id.img_right);

tvRight = (TextView) title.findViewById(R.id.tv_title_right);

imgBack.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

((Activity) context).finish();

}

});

if (isBack) {

imgBack.setVisibility(View.VISIBLE);

}

title.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));

this.addView(title);

}

public void setTitle(String str) {

if (str != null) {

tvMid.setText(str);

}

}

public String getTitle() {

return tvMid.getText().toString();

}

public ImageView getTitleRigthImg(int res) {

tvRight.setVisibility(View.INVISIBLE);

imgRight.setVisibility(View.VISIBLE);

imgRight.setImageResource(res);

return imgRight;

}

public ImageView getTitleLeftImg(int res) {

imgBack.setVisibility(View.VISIBLE);

imgBack.setImageResource(res);

return imgBack;

}

public TextView getTitleRightText(String str) {

imgRight.setVisibility(View.INVISIBLE);

tvRight.setVisibility(View.VISIBLE);

tvRight.setText(str);

return tvRight;

}

}

4、在.xml中引入自定义的标题栏:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

【附】相关架构及资料

Android自定义标题栏替代复杂的Actionbar,移动端开发框架

Android自定义标题栏替代复杂的Actionbar,移动端开发框架

往期Android高级架构资料、源码、笔记、视频。高级UI、性能优化、架构师课程、NDK、混合式开发(ReactNative+Weex)微信小程序、Flutter全方面的Android进阶实践技术,群内还有技术大牛一起讨论交流解决问题。

举报

相关推荐

0 条评论