在使用百分比布局的过程中,大家可能会遇到一个问题,Textview的控件大小是由百分比分数算出来的,但是字体大小Textsize却没法确定。于是我想到继承textview写一个自定义的PercentTextView,使字体可以根据相应的设备屏幕尺寸进行百分比缩放。
适用场景:使用官方百分比布局库做屏幕适配,Textsize不能确定的情况(尤其是适配屏幕宽高比例一致的设备,效果最好)
用法:此控件用法与官方textview基本一致,可以使字体大小跟着屏幕尺寸和比例变化。
举个栗子:
美工给的标注图是1200*1920 字体标注为36px
用了本少侠的控件后,你可以直接在布局文件里面的textsize属性上写36px
然后app跑在1200*1920设备上,该textview里的字体大小依然是36px大小
在720*1280设备上,字体大小会变为21.6px
在800*1280设备上,字体大小会变为24px
下面是代码和具体用法。
1、首先需要在values中创建一个attrs.xml文件用于做自定义属性
<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="PercentTextView"> <attr name="baseScreenHeight" format="integer"/> </declare-styleable> </resources>2、把下面的代码复制的Android工程中(实现方式很简单,相信不用解释就能看懂)
public class PercentTextView extends TextView { private static final String TAG = PercentTextView.class.getSimpleName(); private static int baseScreenHeight = 1200; private float mTextSizePercent = 1f; public PercentTextView(Context context) { super(context); setDefaultPercent(context); setTextSize(getTextSize()); } public PercentTextView(Context context, AttributeSet attrs) { super(context, attrs); getAttrs(context, attrs); setDefaultPercent(context); LogUtil.i(TAG, "PercentTextView() getTextSize() == "+getTextSize()); setTextSize(getTextSize()); } public PercentTextView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); getAttrs(context, attrs); setDefaultPercent(context); setTextSize(getTextSize()); } @Override public void setTextSize(int unit, float size) { size = (int)(size * mTextSizePercent); LogUtil.i(TAG, "setTextSize() == "+size); super.setTextSize(unit, size); } @Override public void setPaintFlags(int flags) { super.setPaintFlags(flags); } @Override public void setTextSize(float size) { setTextSize(TypedValue.COMPLEX_UNIT_PX,size); } public float getTextSizePercent() { return mTextSizePercent; } public void setTextSizePercent(int unit, float textSizePercent) { mTextSizePercent = textSizePercent; setTextSize(unit, getTextSize()); } public void setTextSizePercent(float textSizePercent) { mTextSizePercent = textSizePercent; setTextSize(TypedValue.COMPLEX_UNIT_PX, getTextSize()); } /** * 得到自定义的属性值 * * @param context * @param attrs */ private void getAttrs(Context context, AttributeSet attrs) { TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.PercentTextView); baseScreenHeight = ta.getInt(R.styleable.PercentTextView_baseScreenHeight, baseScreenHeight); ta.recycle(); } /** * 获取当前设备屏幕的宽高 * * @param context * @return */ public static int getScreenHeight(Context context) { WindowManager wm = (WindowManager) context .getSystemService(Context.WINDOW_SERVICE); int height = wm.getDefaultDisplay().getHeight(); return height; } /** * 设置默认的百分比 * * @param context */ private void setDefaultPercent(Context context) { float screenHeight = getScreenHeight(context); mTextSizePercent = screenHeight / baseScreenHeight; } }3、在布局文件中使用此控件,只需要引入全类名,如下:唯一比官方textview多的一个属性就是
app:baseScreenHeight="1200"
这个属性是我自定义的,所需要填的参数是美工给你标注图所参照的设备的屏幕高度,比如美工给你的切图都是以720*1280的设备为基准,那么你就填720,要是嫌写这个属性麻烦,你也可以直接在percentTextview里
private static int baseScreenHeight = 1200;
直接把值修改成你自己工作所需要的720就行,就不用在布局里写这个属性了
<com.*****.****.PercentTextView
android:layout_width="0dp" android:layout_height="0dp" android:gravity="center" android:textColor="#ffffff" android:textSize="240px" android:textStyle="bold"app:baseScreenHeight="1200"app:layout_heightPercent="73.17%" app:layout_widthPercent="100%" />