博客
关于我
Android自定义带文字标题和方框的控件
阅读量:351 次
发布时间:2019-03-04

本文共 5753 字,大约阅读时间需要 19 分钟。

1.使LinearLayout布局带有方框线;

2.使LinearLayout布局Top方框线加入一个文字标题。

要想实现LinearLayout布局带有方框线,这个很简单,直接加一个方框线的布局即可。

但是要实现Top方框线加入一个文字标题,则需要自定义View来实现。

效果如下:

在这里插入图片描述
TitleBorderLayout.java

package com.hsae.audiodemos.view;import android.content.Context;import android.content.res.Resources;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.text.Layout;import android.text.TextPaint;import android.util.AttributeSet;import android.widget.LinearLayout;import com.hsae.audiodemos.R;public class TitleBorderLayout extends LinearLayout {   	private static float DEFAULT_TITLE_POSITION_SCALE = 0.48f;	public static int DEFAULT_BORDER_SIZE = 1;	public static int DEFAULT_BORDER_COLOR = Color.BLACK;	public static int DEAFULT_TITLE_COLOR = Color.BLACK;	private int mBorderPaneHeight ;		private Paint mBorderPaint;	private float mBorderSize;		private TextPaint mTextPaint;	private CharSequence mTitle;	private int mTitlePosition;		public TitleBorderLayout(Context context) {   		this(context, null);	}		/**	 * Construct a new TitleBorderLayout with default style, overriding specific style     * attributes as requested.	 * @param context	 * @param attrs	 */	public TitleBorderLayout(Context context, AttributeSet attrs) {   		super(context, attrs);		setWillNotDraw(false);				mBorderPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 		mTextPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);		Resources res = getResources();		mTextPaint.density = res.getDisplayMetrics().density;				TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.TitleBorderLayout);				mTitle = a.getText(R.styleable.TitleBorderLayout_title);		int titleColor = a.getColor(R.styleable.TitleBorderLayout_titleTextColor, DEAFULT_TITLE_COLOR);		mTextPaint.setColor(titleColor);				float titleTextSize = a.getDimension(R.styleable.TitleBorderLayout_titleTextSize, 0);		if (titleTextSize > 0) {   			mTextPaint.setTextSize(titleTextSize);		}				mTitlePosition = a.getDimensionPixelSize(R.styleable.TitleBorderLayout_titlePosition, -1); 		mBorderSize = a.getDimensionPixelSize(R.styleable.TitleBorderLayout_borderSize, DEFAULT_BORDER_SIZE);				int borderColor = a.getColor(R.styleable.TitleBorderLayout_borderColor, DEFAULT_BORDER_COLOR);		mBorderPaint.setColor(borderColor);				a.recycle();	}		/**	 * Get the color of border.	 * @return	 */	public int getBorderColor() {   		return mBorderPaint.getColor();	} 	/**	 * Set the color of border.	 * @param borderColor	 */	public void setBorderColor(int borderColor) {   		mBorderPaint.setColor(borderColor);		requestLayout();	} 	/**	 * Get the size of border.	 * @return	 */	public float getBorderSize() {   		return mBorderSize;	} 	/**	 * Set the size of border.	 * @param borderSize	 */	public void setBorderSize(float borderSize) {   		mBorderSize = borderSize;		requestLayout();	} 	/**	 * Get the color of title.	 * @return	 */	public int getTitleColor() {   		return mTextPaint.getColor();	} 	/**	 * Set the color of title.	 * @param titleColor	 */	public void setTitleColor(int titleColor) {   		mTextPaint.setColor(titleColor);		requestLayout();	} 	/**	 * Get the size of title.	 * @return	 */	public float getTitleTextSize() {   		return mTextPaint.getTextSize();	} 	/**	 * Set the size of title.	 * @param titleTextSize	 */	public void setTitleTextSize(float titleTextSize) {   		mTextPaint.setTextSize(titleTextSize);		requestLayout();	}		/**	 * Get the title.	 * @return	 */	public CharSequence getTitle() {   		return mTitle;	} 	/**	 * Set the title which will be shown on the top of border pane. 	 * @param title	 */	public void setTitle(CharSequence title) {   		mTitle = title;		requestLayout();	}		/**	 * Get the position of title.	 * @return	 */	public int getTitlePosition() {   		return mTitlePosition;	} 	/**	 * Set the position of title where the paint will start to draw.	 * @param titlePosition	 */	public void setTitlePosition(int titlePosition) {   		mTitlePosition = titlePosition;		requestLayout();	} 	/**	 * Get the height of border pane, it's different from the layout height!	 * @return	 */	public int getBorderPaneHeight() {   		return mBorderPaneHeight;	} 	/**	 * Draw the title border	 * @param canvas 	 */	@Override	protected void onDraw(Canvas canvas) {   		super.onDraw(canvas);				Paint.FontMetrics fm = mTextPaint.getFontMetrics();		final float titleHeight =  fm.descent - fm.ascent; 		final CharSequence titleText = (mTitle == null) ? "" : mTitle;		final float titleWidth = Layout.getDesiredWidth(titleText, mTextPaint);				final int width = getWidth();		final int height = getHeight();				if (mTitlePosition <= 0 || mTitlePosition + titleWidth > width) {   			mTitlePosition = (int) (DEFAULT_TITLE_POSITION_SCALE * width); 		}				final float topBorderStartY = titleHeight / 3f - mBorderSize / 2;				mBorderPaneHeight = (int) Math.ceil(height - topBorderStartY);	    /* draw border*/		// top		canvas.drawRect(0, topBorderStartY, mTitlePosition, topBorderStartY + mBorderSize, mBorderPaint);		canvas.drawText(titleText.toString(), mTitlePosition, titleHeight / 3 * 2f, mTextPaint); //title		canvas.drawRect(mTitlePosition + titleWidth, topBorderStartY, width, topBorderStartY + mBorderSize, mBorderPaint);        // left        canvas.drawRect(0, topBorderStartY, mBorderSize, height, mBorderPaint);        // right        canvas.drawRect(width - mBorderSize, topBorderStartY, width, height, mBorderPaint);        // down        canvas.drawRect(0, height - mBorderSize, width, height, mBorderPaint);	}}

attrs.xml

属性使用方法:

app:title="布局1"app:titleTextSize="16dp"

转载地址:http://edre.baihongyu.com/

你可能感兴趣的文章
Mysql学习总结(74)——慢SQL!压垮团队的最后一根稻草!
查看>>
Mysql学习总结(75)——并发量大、数据量大的互联网业务数据库设计军规
查看>>
Mysql学习总结(76)——MySQL执行计划(explain)结果含义总结
查看>>
Mysql学习总结(77)——温故Mysql数据库开发核心原则与规范
查看>>
Mysql学习总结(78)——MySQL各版本差异整理
查看>>
Mysql学习总结(79)——MySQL常用函数总结
查看>>
Mysql学习总结(7)——MySql索引原理与使用大全
查看>>
Mysql学习总结(80)——统计数据库的总记录数和库中各个表的数据量
查看>>
Mysql学习总结(81)——为什么MySQL不推荐使用uuid或者雪花id作为主键?
查看>>
Mysql学习总结(82)——MySQL逻辑删除与数据库唯一性约束如何解决?
查看>>
Mysql学习总结(83)——常用的几种分布式锁:ZK分布式锁、Redis分布式锁、数据库分布式锁、基于JDK的分布式锁方案对比总结
查看>>
Mysql学习总结(84)—— Mysql的主从复制延迟问题总结
查看>>
Mysql学习总结(85)——开发人员最应该明白的数据库设计原则
查看>>
Mysql学习总结(8)——MySql基本查询、连接查询、子查询、正则表达查询讲解
查看>>
Mysql学习总结(9)——MySql视图原理讲解与使用大全
查看>>
Mysql学习笔记 - 在Centos7环境下离线安装Mysql
查看>>
MySQL学习笔记十七:复制特性
查看>>
Mysql学习第一课-mysql的定义及sql语句
查看>>
mysql学号的字符长度_MYSQL--2
查看>>
mysql安全模式: sql_safe_updates
查看>>