Android 隐藏自带标题栏并应用自定义标题栏

一、取消自带标题栏
一般地,打开Android配置文件AndroidManifest.xml,可以在中看到系统默认引用AppTheme这一主题

 
     

打开res/values/styles.xml 找到,将其修改为


重新编译,即可发现,系统自带状态栏以消失。

二、自定义标题栏(举例子自行领悟)
1.先上效果图,本例可灵活的设计标题栏,例:只显示标题;左边显示图标,中间显示标题,右边显示图标或文字。
Android 隐藏自带标题栏并应用自定义标题栏_第1张图片Android 隐藏自带标题栏并应用自定义标题栏_第2张图片
2.设计标题栏
在res/layout下新建一个布局文件layout_tutlebar.xml,自定义你的标题栏,此处不多做解释,直接附上我的标题栏布局代码。





    
    

    
    

    
    

    
    

    
    

    
    


在res/values下新建attr.xml,用于定义资源类型。string为字符串类型,reference为图片资源,integer为数据类型。


    
        
            
            
            
            
            
            
        
    

在src的包下新建一个Java文件CustomTitleBar.java,用来实现标题栏并赋予它灵活性,以下附上我的代码。

public class CustomTitleBar extends RelativeLayout {

//为便于记忆,建议与布局文件中的id一一对应
    private ImageView ivHead;  //头像
    private ImageView ivScanf; //图标 扫一扫
    private ImageView ivBack;  //返回图标
    private TextView tvTitle;  //标题 Y-Bank
    private TextView tvScanf;  //文字 扫一扫
    private TextView ttScanf;  //标题 扫一扫

    /**
     * 构造函数
     *
     * @param context
     * @param attrs
     */
    public CustomTitleBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context, attrs);
    }

    /**
     * 初始化视图,根据ID获取控件
     *
     * @param context
     * @param attributeSet
     */
    private void initView(final Context context, AttributeSet attributeSet) {
        View inflate = LayoutInflater.from(context).inflate(R.layout.layout_titlebar, this);
        ivHead = (ImageView) inflate.findViewById(R.id.iv_head);
        tvTitle = (TextView) inflate.findViewById(R.id.tv_title);
        ivScanf = (ImageView) inflate.findViewById(R.id.iv_scanf);
        tvScanf = (TextView) inflate.findViewById(R.id.tv_scanf);
        ivBack = (ImageView) inflate.findViewById(R.id.iv_back);
        ttScanf = (TextView) inflate.findViewById(R.id.tt_scanf);
        init(context, attributeSet);
    }

    /**
     * 初始化资源文件
     *
     * @param context
     * @param attributeSet
     */
    public void init(Context context, AttributeSet attributeSet) {
        TypedArray typedArray = context.obtainStyledAttributes(attributeSet, R.styleable.CustomTitleBar);//获取类型资源
        String title = typedArray.getString(R.styleable.CustomTitleBar_title);//设置标题 Y-Bank类型
        String scanf = typedArray.getString(R.styleable.CustomTitleBar_scan); //设置文字 扫一扫类型
        String tscanf = typedArray.getString(R.styleable.CustomTitleBar_scan); //设置标题 扫一扫类型
        int headIcon = typedArray.getResourceId(R.styleable.CustomTitleBar_head_icon, R.drawable.headpor);//设置头像图片
        int scanfIcon = typedArray.getResourceId(R.styleable.CustomTitleBar_scanf_icon, R.drawable.home_top_icon_flicking_normal);//设置扫一扫图片
        int backIcon = typedArray.getResourceId(R.styleable.CustomTitleBar_back_icon, R.drawable.returnarrow_normal);//设置返回图标

        //标题栏类型,默认为10
        int titleBarType = typedArray.getInt(R.styleable.CustomTitleBar_titlebar_type, 10);

        //赋值进去我们的标题栏
        tvTitle.setText(title);
        tvScanf.setText(scanf);
        ttScanf.setText(tscanf);
        ivHead.setImageResource(headIcon);
        ivScanf.setImageResource(scanfIcon);
        ivBack.setImageResource(backIcon);

		//此处实现标题栏的灵活性,代码可能不是最优化的,欢迎指正。
        switch (titleBarType) {
            //仅显示Y-Bank
            case 9:
                tvTitle.setVisibility(View.VISIBLE);  //显示标题
                ivHead.setVisibility(View.GONE);      //隐藏头像
                ivScanf.setVisibility(View.GONE);     //隐藏扫一扫图标
                tvScanf.setVisibility(View.GONE);     //隐藏扫一扫文字
                ttScanf.setVisibility(View.GONE);     //隐藏扫一扫标题
                ivBack.setVisibility(View.GONE);      //隐藏返回按钮
                break;
            //显示首页标题栏
            case 10:
                tvTitle.setVisibility(View.VISIBLE);  //显示标题
                ivHead.setVisibility(View.VISIBLE);   //显示头像
                ivScanf.setVisibility(View.VISIBLE);  //显示扫一扫图标
                tvScanf.setVisibility(View.VISIBLE);  //显示扫一扫文字
                ttScanf.setVisibility(View.GONE);     //隐藏扫一扫标题
                ivBack.setVisibility(View.GONE);      //隐藏返回按钮
                break;
            //显示标题栏和返回按钮
            case 11:
                tvTitle.setVisibility(View.VISIBLE);  //显示标题
                ivBack.setVisibility(View.VISIBLE);   //显示返回按钮
                ivScanf.setVisibility(View.GONE);     //隐藏扫一扫图标
                tvScanf.setVisibility(View.GONE);     //隐藏扫一扫文字
                ttScanf.setVisibility(View.GONE);     //隐藏扫一扫标题
                ivHead.setVisibility(View.GONE);      //隐藏头像
                break;
            //显示扫一扫标题栏
            case 12:
                ttScanf.setVisibility(View.VISIBLE);//显示标题 扫一扫
                ivBack.setVisibility(View.VISIBLE);//显示返回按钮
                ivScanf.setVisibility(View.GONE);  //显示扫一扫图标
                tvScanf.setVisibility(View.GONE);  //显示扫一扫文字
                ivHead.setVisibility(View.GONE);   //隐藏头像
                tvTitle.setVisibility(View.GONE);  //隐藏标题 Y-Bank
                break;
        }

    }

//下方可以设计标题栏控件的鼠标监听事件
    //返回键点击事件
    public void setBackIconOnClickListener(OnClickListener l) {

    }
}

3.使用标题栏
在布局文件xml中使用





app下还有更多参数可以实现自定义,自己去发现吧!

你可能感兴趣的:(Android)