Android自定义标题栏替代复杂的Actionbar

简介: 组合控件,顾名思义就是将一些小的控件组合起来形成一个新的控件,这些小的控件多是系统自带的控件。比如很多应用中普遍使用的标题栏控件,其实用的就是组合控件,那么下面将通过实现一个简单的标题栏自定义控件来说说组合控件的用法。

隐藏ActionBar,可以自定义一个组合控件替代


组合控件


 组合控件,顾名思义就是将一些小的控件组合起来形成一个新的控件,这些小的控件多是系统自带的控件。比如很多应用中普遍使用的标题栏控件,其实用的就是组合控件,那么下面将通过实现一个简单的标题栏自定义控件来说说组合控件的用法。


1、创建自定义标题栏的布局文件activitiy_app_title.xml:


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="@color/colorTheme"
    android:focusable="true"
    android:focusableInTouchMode="true">
    <ImageView
        android:id="@+id/img_back"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:contentDescription="@null"
        android:paddingEnd="@dimen/mdp_15"
        android:paddingLeft="@dimen/mdp_10"
        android:paddingRight="@dimen/mdp_15"
        android:paddingStart="@dimen/mdp_10"
        android:scaleType="fitCenter"
        android:src="@mipmap/icon_back"
        android:visibility="invisible" />
    <TextView
        android:id="@+id/tv_title_mid"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_gravity="center_horizontal"
        android:textColor="@color/colorWhite"
        android:textSize="@dimen/msp_16" />
    <ImageView
        android:id="@+id/img_right"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:contentDescription="@null"
        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);
        initView(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"
    xmlns:title="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorbackhui"
    android:orientation="vertical">
    <com.youpinwallet.ypw.view.MTitle
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/mdp_10"
        android:tag="我的优惠券"
        title:isBack="true" />
    <com.jcodecraeer.xrecyclerview.XRecyclerView
        android:id="@+id/x_recyclerview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="@dimen/mdp_6"
        android:layout_marginRight="@dimen/mdp_6"
        android:paddingBottom="@dimen/mdp_10"
        android:paddingTop="@dimen/mdp_5"
        android:visibility="gone"
        android:background="@color/colorbackhui" />
</LinearLayout>


5、在java代码中引用标题栏


title.setTitle(type.equals("WD") ? "我的优惠券" : "可使用优惠券");
title.getTitleRightText("使用规则").setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Intent intent = new Intent(CouponActivity.this, WebViewActivity.class);
        intent.putExtra("title", "优惠券使用规则");
        intent.putExtra("url", ApiUtils.URL_COUPON_DEAL);
        startActivity(intent);
    }
});


自绘控件


自绘控件的内容都是自己绘制出来的,在View的onDraw方法中完成绘制。

1、组合控件中2自定义属性;

2、组合控件中3;

重写三个构造方法;

重写onDraw,onMesure调用系统提供的:

3、组合控件中4引用到布局中;


继承控件


就是继承已有的控件,创建新控件,保留继承的父控件的特性,并且还可以引入新特性。


相关文章
|
2月前
|
缓存 前端开发 Android开发
安卓开发中的自定义视图:从零到英雄
【10月更文挑战第42天】 在安卓的世界里,自定义视图是一块画布,让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门,通过深入浅出的方式,让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤,以及如何优化你的视图以提高性能和兼容性。准备好了吗?让我们开始这段创造性的旅程吧!
43 1
|
3月前
|
Android开发 开发者
安卓应用开发中的自定义视图
【9月更文挑战第37天】在安卓开发的海洋中,自定义视图犹如一座座小岛,等待着勇敢的探索者去发现其独特之处。本文将带领你踏上这段旅程,从浅滩走向深海,逐步揭开自定义视图的神秘面纱。
49 3
|
3月前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中,自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View,包括设计理念、实现步骤以及性能优化技巧,帮助开发者打造流畅且富有创意的用户界面。
132 0
|
2月前
|
搜索推荐 前端开发 Android开发
安卓应用开发中的自定义视图实现
【10月更文挑战第30天】在安卓开发的海洋中,自定义视图是那抹不可或缺的亮色,它为应用界面的个性化和交互体验的提升提供了无限可能。本文将深入探讨如何在安卓平台创建自定义视图,并展示如何通过代码实现这一过程。我们将从基础出发,逐步引导你理解自定义视图的核心概念,然后通过一个实际的代码示例,详细讲解如何将理论应用于实践,最终实现一个美观且具有良好用户体验的自定义控件。无论你是想提高自己的开发技能,还是仅仅出于对安卓开发的兴趣,这篇文章都将为你提供价值。
|
2月前
|
Android开发 开发者 UED
安卓开发中自定义View的实现与性能优化
【10月更文挑战第28天】在安卓开发领域,自定义View是提升应用界面独特性和用户体验的重要手段。本文将深入探讨如何高效地创建和管理自定义View,以及如何通过代码和性能调优来确保流畅的交互体验。我们将一起学习自定义View的生命周期、绘图基础和事件处理,进而探索内存和布局优化技巧,最终实现既美观又高效的安卓界面。
48 5
|
3月前
|
XML 前端开发 Java
安卓应用开发中的自定义View组件
【10月更文挑战第5天】自定义View是安卓应用开发的一块基石,它为开发者提供了无限的可能。通过掌握其原理和实现方法,可以创造出既美观又实用的用户界面。本文将引导你了解自定义View的创建过程,包括绘制技巧、事件处理以及性能优化等关键步骤。
|
4月前
|
Android开发 开发者
安卓开发中的自定义视图:从入门到精通
【9月更文挑战第19天】在安卓开发的广阔天地中,自定义视图是一块充满魔力的土地。它不仅仅是代码的堆砌,更是艺术与科技的完美结合。通过掌握自定义视图,开发者能够打破常规,创造出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战应用,一步步展示如何用代码绘出心中的蓝图。无论你是初学者还是有经验的开发者,这篇文章都将为你打开一扇通往创意和效率的大门。让我们一起探索自定义视图的秘密,将你的应用打造成一件艺术品吧!
75 10
|
4月前
|
缓存 搜索推荐 Android开发
安卓应用开发中的自定义View组件实践
【9月更文挑战第10天】在安卓开发领域,自定义View是提升用户体验和实现界面个性化的重要手段。本文将通过一个实际案例,展示如何在安卓项目中创建和使用自定义View组件,包括设计思路、实现步骤以及可能遇到的问题和解决方案。文章不仅提供了代码示例,还深入探讨了自定义View的性能优化技巧,旨在帮助开发者更好地掌握这一技能。
|
4月前
|
前端开发 Android开发 开发者
安卓应用开发中的自定义视图基础
【9月更文挑战第13天】在安卓开发的广阔天地中,自定义视图是一块神奇的画布,它允许开发者将想象力转化为用户界面的创新元素。本文将带你一探究竟,了解如何从零开始构建自定义视图,包括绘图基础、触摸事件处理,以及性能优化的实用技巧。无论你是想提升应用的视觉吸引力,还是追求更流畅的交互体验,这里都有你需要的金钥匙。
|
4月前
|
XML 编解码 Android开发
安卓开发中的自定义视图控件
【9月更文挑战第14天】在安卓开发中,自定义视图控件是一种高级技巧,它可以让开发者根据项目需求创建出独特的用户界面元素。本文将通过一个简单示例,引导你了解如何在安卓项目中实现自定义视图控件,包括创建自定义控件类、处理绘制逻辑以及响应用户交互。无论你是初学者还是有经验的开发者,这篇文章都会为你提供有价值的见解和技巧。
65 3

热门文章

最新文章