自定义固定头文字的多行编辑框控件的实现分析

原创 2016年08月30日 13:38:48

自定义固定头文字的多行编辑框控件的实现分析

写这个自定义控件的缘由:公司新的UI界面实现需要实现一个可以固定头文字,并且可以代码去配置这个头文字,用户不能去修改和删除,在网上查阅了相关资料,貌似没有人去做过相关的自定义控件,于是自己花几个小时写了一遍,其中也想过多种方案,踩过许多坑。


首先,按照国际惯例,要实现自己的EditText当然得继承EditText控件于是乎我开始创建一个自定义的EditText,也开始了第一步入坑:

/**
 * 主要功能: 左边有固定文字EditText
 * Created by wz on 2016/8/5
 * 修订历史:
 */
public class FixedEditText extends EditText {
    private String fixedText;
    private View.OnClickListener mListener;

    @Override
    protected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {
        super.onTextChanged(text, start, lengthBefore, lengthAfter);

    }

    @Override
    public void setGravity(int gravity) {
        super.setGravity(gravity);

    }

    @Override
    public int getCompoundPaddingLeft() {
        return 20;
    }

    public FixedEditText(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public void setFixedText(String text) {
        fixedText = text;
        int left = (int) getPaint().measureText(fixedText)+ getPaddingLeft();
        setPadding(left, 0, 0, 100);
        invalidate();
    }

    public void setDrawableClk(View.OnClickListener listener) {
        mListener = listener;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint paint=new Paint();
        if (!TextUtils.isEmpty(fixedText)) {
            canvas.drawText(fixedText, 0,  getTextSize(), getPaint());
            this.setSelection(fixedText.length());
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        if (mListener != null && getCompoundDrawables()[2] != null) {

            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    int i = getMeasuredWidth() - getCompoundDrawables()[2].getIntrinsicWidth();
                    int h=getMeasuredHeight() - getCompoundDrawables()[2].getIntrinsicHeight();
                    if (event.getX() > i||event.getY()>h) {
                        mListener.onClick(this);
                        return true;
                    }
                    break;
                case MotionEvent.ACTION_UP:

                    break;
                default:
                    break;
            }

        }

        return super.onTouchEvent(event);
    }
}

这段代码当我敲完,我以为可以完美的去装逼了,但是当我在准备运行时候,我忽然想到了,我需要的是多行文本,而且多行文本左对齐,运行来看,不能多行,设置完属性,发现多行特别并不是左对齐后面的活动文本左对齐了(UI要求的是第二行开始下面的活动文本都得与第一行的固定文本对齐),然后这样的Code当然是不能实现的。然后无脑的我马上想到了第二种解决办法,既然继承EditText得不到我想要的结果,而且显示不出我想要的效果,于是转换了一下思路,所谓固定值,也就是不能让用户删除,对吧?然而我们能够监听用户对键盘的操作,所以当我们判定到用户是否正在删除固定文字,如果是就拦截操作,这里面会涉及到光标的操作,和用户点击的操作,处理好这两个的关系,就会很简单的实现所谓的固定多行文本框啦。
下面贴上类代码供参考


/**
 * 主要功能:
 * Created by wz on 2016/8/5
 * 修订历史:
 */
public class FixEditView extends EditText {
    private Context context;
    private String fixText;
    private boolean isDelete = false;//是否是可删除
    private boolean isFix = false;//表示是否需要显示固定文字
    private ColorStateList defColor;//默认的字体颜色
    private int fixColor=0;

    public String getFixText() {
        return fixText;
    }
    public void setFixTextColor(int color){
        this.fixColor=color;
    }
    public void setFixText(String fixText) {
        this.fixText = fixText;
        if(fixColor!=0){
            this.setTextColor(fixColor);
        }
        this.setText(fixText);
        if (fixText.length() > 0) {
            isFix = true;
        }
        //初始化光标位置
        this.setSelection(fixText.length());
    }

    public FixEditView(Context context) {
        super(context);
        this.context = context;
        init();
    }

    public FixEditView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
        init();
    }

    public void init() {
        defColor=this.getTextColors();
        this.addTextChangedListener(textWatcher);
        this.setImeOptions(EditorInfo.IME_FLAG_NO_EXTRACT_UI);
        this.setLongClickable(false);
    }

    TextWatcher textWatcher = new TextWatcher() {
        private CharSequence temp;

        @Override
        public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
            temp = charSequence;
        }

        @Override
        public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

        }

        @Override
        public void afterTextChanged(Editable editable) {
            Random random=new Random();
            //产生100000-999999的随机数
            int randNum=random.nextInt(100000)%(999999-100000+1) + 100000;
            //监听用户的输入状态
            if (temp.length() == fixText.length() || temp.length() < fixText.length()) {
                isDelete = false;
            } else {
                //产生随机颜色代码,只为装13,辣眼睛
                int color=Color.parseColor("#"+randNum);
                FixEditView.this.setTextColor(color);
                isDelete = true;
            }
        }
    };

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

    }

    @Override
    protected void onSelectionChanged(int selStart, int selEnd) {
        //限制光标的位置,使得最初光标总是从固定文本之后开始的
        if (isFix) {
            selStart = selStart < fixText.length() ? fixText.length() : selStart;
            selEnd = selStart;
            this.setSelection(selStart, selEnd);
        }
        super.onSelectionChanged(selStart, selEnd);
    }

    @Override
    public boolean dispatchKeyEvent(KeyEvent event) {
        if (event.getAction() == KeyEvent.ACTION_DOWN && event.getKeyCode() == 67) {//删除键
            //当标记为不能删除的时候拦截操作
            if (!isDelete) {
                return !isDelete;
            }
        }
        return super.dispatchKeyEvent(event);
    }
}

xml布局文件代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:background="@color/bg_page"
    android:layout_height="match_parent">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="250px"
        android:layout_marginTop="14px"
        android:background="@color/white"
        android:orientation="horizontal"
        android:visibility="visible">

        <TextView
            android:layout_width="170px"
            android:layout_height="wrap_content"
            android:layout_marginTop="30px"
            android:gravity="center"
            android:singleLine="true"
            android:text="工作要求"
            android:textColor="@color/text_gray_normal"
            android:textSize="28px" />

        <View
            android:layout_width="1px"
            android:layout_height="206px"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="10px"
            android:background="@color/line_main" />

        <com.example.lenovo.diyedittext.FixEditView
            android:id="@+id/fev_work_info"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="40px"
            android:layout_marginTop="30px"
            android:layout_weight="1"
            android:background="@color/transparent"
            android:gravity="top"
            android:hint="请输入相关内容,岗位要求,要求20-1500字。"
            android:maxHeight="220px"
            android:maxLength="1500"
            android:minHeight="220px"
            android:padding="5dp"
            android:textColor="@color/text_gray_normal"
            android:textSize="28px" />
    </LinearLayout>
</LinearLayout>

Activity中如何使用:

/**
 * 主要功能:
 * Created by wz on 2016/8/5
 * 修订历史:
 */
public class MainActivity extends Activity {

    FixEditView fev_work_info;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_maple);
        fev_work_info= (FixEditView) findViewById(R.id.fev_work_info);
        fev_work_info.setFixTextColor(Color.parseColor("#30C27B"));
        fev_work_info.setFixText("这是固定文字。");
        fev_work_info.setGravity(Gravity.LEFT);
    }
}

感受:不要总是用别人造的轮子,新手主要是用现成的轮子,普通的主要是改造成自己的轮子,高手都是造轮子,所以一步步来,能自己写出来的东西尽量自己写,相信总有一天会蜕变成那个造轮子的嘛。
内容大概就是这样,如果有什么不对的地方,欢迎指正,相互学习很有必要。

源码地址附上:http://download.csdn.net/detail/u011862733/9616817

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果]

转载自:http://blog.csdn.net/lifuyun/article/details/1688008, 原博客中附有源代码   (一). 概述         1. 实现GridVi...

Android自定义控件系列(二)—icon+文字的多种效果实现

今天介绍一个很简单但是很常用的控件ButtonExtendM,在开发中我们经常会用到图片加文字的组合控件,有时候图片在左有时在右,那么我们通过一个控件来实现上下左右四种不同样式

图片加文字的自定义控件

最近在项目中要用到类似于这样的按钮,自己嫌麻烦在网上找了一下,发现很少就自己写了一个。 现在分享给大家. 先上代码: public class IceAndTextEqualButtonView ...

Android学习之自定义控件之图片带文字的View

实际项目开发中肯定会遇到Android提供的原生的控件不能满足我们实际使用需求的情况,这时候就需要自定义控件啦,自定义控件有很多种方式,有的只需要重写某个控件,有的则需要完全自己写个控件,前者比较简单...

Android自定义控件实现多行文字自动向上滚动轮播效果(伪文字轮播)

[TOC] 转载请注明出处:http://write.blog.csdn.net/mdeditor最近一个朋友有个需求,需要实现多行文字自动向上翻滚的效果,上网找了很多没有特别满意的,只有一个dem...
  • CHX_W
  • CHX_W
  • 2017-07-09 00:13
  • 733

在UIWebView中自定义显示选中文字的编辑菜单项

在iOS系统中,所谓“编辑菜单(Editing Menu)”和“上下文菜单(Contextual Menu)”是有区别的,但在桌面操作系统中,我们常说的“右键菜单”就已经囊括了“编辑菜单”和“上下文菜...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)