一步一步学android控件（之四） —— EditText

 

有木有朋友感觉写了那么长时间的android代码，有时候想写点自己的东西的时候却发现自己好像离不开网络耶，什么都需要先到网络上遨游一番才能解决自己的问题。思前想后，个人觉得还是有必要巩固一下自己学习过的东西——想想以前这些东西，自己都写过一遍了，但是折腾一段时间下来都不知道放哪里去了........

 

 

好了，废话不多说了，这次准备重新学习一下android的常用控件TextView、EditText、AutoCompleteTextView、Button、CalendarView、CheckBox、Chronometer、CompoundButton、DatePicker、DigitalClock、ExpandableListView、Gallery、GridView、HorizontalScrollView、ImageButton、ImageSwitcher、ImageView、ListPopupWindow、ListView、MultiAutoCompleteTextView、NumberPicker、PopupMenu、PopupWindow、ProgressBar、QuickContactBadge、RadioButton、RadioGroup、RatingBar、RemoteViews、ScrollView、SearchView、SeekBar、SlidingDarwer、Switch、TableHost、TextClock、TextSwitcher、TimePicker、Toast、ToggleButton、VideoView、ViewFlipper、ViewSwitcher、ZoomButton等控件。

 

 

今天学习控件EditText（这个控件的属性在以前一篇文章中有详细介绍android中EditText详解）, 自定义背景可以参看前面两篇文章，这里也不在赘述。 今天学习的是自动控制文本字体大小的EditText。工作中常常有这样的需求——所有的的字串要在一行显示，但是字串的长度确实不确定的，为了不让长的字串超出控件的宽度，此时就需要重新定义字体的大小。

 

 

废话不多说，下面一步一步实现该功能（下文中有不清楚的地方请参见点击一步一步学android控件（之一） —— 开始篇链接）：

 

1、在strings.xml文件中加入如下内容

 

[html]  

<!-- strings for EditText -->  

    <string name="default_hint_str">something in hint</string>  

    <!-- end -->  

 

2、创建新的布局文件edit_text_detail.xml

[html]  

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

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

    android:layout_width="match_parent"  

    android:layout_height="match_parent"  

    android:orientation="vertical" >  

  

    <com.xy.zt.selfdefinewieget.ui.AutoFontSizeEditText  

        android:id="@+id/show_edit_text"  

        android:layout_width="match_parent"  

        android:layout_height="90dp"  

        android:hint="@string/default_hint_str"  

        android:textColor="@color/button_drawable_focused_center"  

        android:singleLine="true"/>  

  

</LinearLayout>  

 

3、创建用于显示界面的activity（内容很简单，So easy ^_^） —— WidgetEditTextActivity.java

[java]  

package com.xy.zt.selfdefinewieget;  

  

import android.app.Activity;  

import android.os.Bundle;  

  

public class WidgetEditTextActivity extends Activity {  

  

    @Override  

    public void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.edit_text_detail);  

    }  

  

}  

4、在ViewData中添加如下内容

[java]  

 public static final int EDIT_TEXT_ID = BUTTON_ID +1 ;  

    public static final String EDIT_TEXT_NAME = "EditText";  

private static final ViewData mEditText = new ViewData(EDIT_TEXT_NAME, EDIT_TEXT_ID);  

 View_Datas.add(mEditText);  

 

ViewData中的最新内容如下：

[java]  

package com.xy.zt.selfdefinewieget.data;  

  

import java.util.ArrayList;  

  

final public class ViewData {  

  

    public final static ArrayList<ViewData> View_Datas = new ArrayList<ViewData>();  

  

    public static final int TEXT_VIEW_ID = 90000;  

    public static final String TEXT_VIEW_NAME = "TextView";  

    public static final int BUTTON_ID = TEXT_VIEW_ID + 1;  

    public static final String BUTTON_NAME = "Button";  

    public static final int EDIT_TEXT_ID = BUTTON_ID +1 ;  

    public static final String EDIT_TEXT_NAME = "EditText";  

  

    private static final ViewData mTextView = new ViewData(TEXT_VIEW_NAME,  

            TEXT_VIEW_ID);  

    private static final ViewData mButton = new ViewData(BUTTON_NAME, BUTTON_ID);  

    private static final ViewData mEditText = new ViewData(EDIT_TEXT_NAME, EDIT_TEXT_ID);  

  

    public final String mViewName;  

    public final int mViewId;  

  

    private ViewData(String name, int id) {  

        mViewName = name;  

        mViewId = id;  

    }  

  

    static {  

        View_Datas.add(mTextView);  

        View_Datas.add(mButton);  

        View_Datas.add(mEditText);  

    }  

}  

 

5、添加事件响应内容WidgetsAdapter ， 在handleItemClicked 函数中添加如下内容：

[java] 

case ViewData.EDIT_TEXT_ID:  

            intent.setClass(mContext, WidgetEditTextActivity.class);  

            mContext.startActivity(intent);  

            break;  

 

6、现在回来看看我们的布局文件，文中使用了自定义View—— com.xy.zt.selfdefinewieget.ui.AutoFontSizeEditText ， 该EditText规定了一个最大字体值和最小字体值。

[java]  

private float mMaxFontSize = 100; // the maximum text size in the EditText  

private float mMinFontSize = 2; // the minimum text size in the EditText  

在需要的时候根据字体内容调整字体大小 refitText(int width, int height) ， 请求调整字体大小时 ，调用获取最优字体大小函数

[java]  

float size = optimazeSize(fontWidth, fontHeight);  

 

下面是该文件的内容

[java]  

package com.xy.zt.selfdefinewieget.ui;  

  

import com.xy.zt.selfdefinewieget.R;  

  

import android.content.Context;  

import android.graphics.Paint;  

import android.text.TextUtils;  

import android.util.AttributeSet;  

import android.util.TypedValue;  

import android.widget.EditText;  

  

public class AutoFontSizeEditText extends EditText {  

  

    private float mMaxFontSize = 100; // the maximum text size in the EditText  

    private float mMinFontSize = 2; // the minimum text size in the EditText  

    private Paint mTmpPaint = new Paint();  

  

    public AutoFontSizeEditText(Context context, AttributeSet attrs,  

            int defStyle) {  

        super(context, attrs, defStyle);  

    }  

  

    public AutoFontSizeEditText(Context context, AttributeSet attrs) {  

        super(context, attrs);  

    }  

  

    public AutoFontSizeEditText(Context context) {  

        super(context);  

    }  

  

    @Override  

    protected void onSizeChanged(int w, int h, int oldw, int oldh) {  

        if (w != oldw) {  

            refitText(getWidth(), getHeight());  

        }  

    }  

  

    @Override  

    protected void onLayout(boolean changed, int left, int top, int right,  

            int bottom) {  

        super.onLayout(changed, left, top, right, bottom);  

        refitText(getWidth(), getHeight());  

    }  

  

    @Override  

    protected void onTextChanged(CharSequence text, int start,  

            int lengthBefore, int lengthAfter) {  

        refitText(getWidth(), getHeight());  

        super.onTextChanged(text, start, lengthBefore, lengthAfter);  

    }  

  

    @Override  

    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);  

        int tarWidth = getMeasuredWidth();  

        int tarHeight = getMeasuredHeight();  

        refitText(tarWidth, tarHeight);  

        setMeasuredDimension(tarWidth, tarHeight);  

    }  

  

    private void refitText(int width, int height) {  

        if (width <= 0) {  

            return;  

        }  

        int fontWidth = width - getPaddingLeft() - getPaddingRight();  

        int fontHeight = height - getPaddingBottom() - getPaddingTop();  

        float size = optimazeSize(fontWidth, fontHeight);  

        setTextSize(TypedValue.COMPLEX_UNIT_PX, size);  

    }  

  

    private float optimazeSize(int fWidth, int fHeight) {  

        float size = 0;  

        float threshhold = 0.5f;  

        float high = mMaxFontSize, low = mMinFontSize;  

        mTmpPaint.set(getPaint());  

        String str = getText().toString();  

        if (TextUtils.isEmpty(str)) {  

            str = getContext().getString(R.string.default_hint_str);  

        }  

        while ((high - low) > threshhold) {  

            size = (high + low) / 2;  

            mTmpPaint.setTextSize(size);  

            if (mTmpPaint.measureText(str) >= fWidth || size >= fHeight) {  

                high = size;  

            } else {  

                low = size;  

            }  

        }  

        return low;  

    }  

}  

好了本文就到此结束了，有不清楚的地方请留言，谢谢。下个控件 AutoCompleteTextView。

 

看到有的朋友可以上传演示的动画，有朋友知道是如何使用的还望不吝赐教，感激不尽！