自定义控件-----输入框

1.这次给大家带来了一个自定义控件：edittext,话不多说，老规矩先上图

2.控件继承自frameLayout,内部包含了3个子控件：editText,textView,imageView,其中editText是用于输入文字，textView的作用是显示“测试”的标签并执行移动缩小动画，imageView的作用是在输入文字后显示删除按钮。接下来是重点代码分析部分：

测量子控件的大小onMeasure()：控件高度等于editText+textView的高度，为移动动画提供空间。

    private int measureHeight(int heightMeasureSpec) {int specMode = MeasureSpec.getMode(heightMeasureSpec);int specSize = MeasureSpec.getSize(heightMeasureSpec);int result = 0;if (specMode == MeasureSpec.EXACTLY) {result = specSize;} else {result = mEditText.getMeasuredHeight() + mLabel.getMeasuredHeight();result += getPaddingTop() + getPaddingBottom();result = Math.max(result, getSuggestedMinimumHeight());if (specMode == MeasureSpec.AT_MOST) {result = Math.min(result, specSize);}}return result;}

确认控件位置：onLayout()

editText的位置等于自身的高度+textView的高度

    @Overrideprotected void onLayout(boolean changed, int left, int top, int right, int bottom) {final int childLeft = getPaddingLeft();final int childRight = right - left - getPaddingRight();int childTop = getPaddingTop();final int childBottom = bottom - top - getPaddingBottom();layoutChild(mLabel, childLeft, childTop, childRight, childBottom);layoutChild(mEditText, childLeft, childTop + mLabel.getMeasuredHeight(), childRight, childBottom);layoutChild(mDel, childLeft, childTop, childRight, childBottom);}private void layoutChild(View child, int parentLeft, int parentTop, int parentRight, int parentBottom) {if (child.getVisibility() != GONE) {final FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) child.getLayoutParams();final int width = child.getMeasuredWidth();final int height = child.getMeasuredHeight();int childLeft;final int childTop = parentTop + lp.topMargin;if (child.getId() == mDel.getId()) {childLeft = parentLeft + lp.leftMargin + mEditText.getMeasuredWidth() - width - 10;} else {childLeft = parentLeft + lp.leftMargin;}Log.d("layoutChild", child.getId() + "位置：" + childLeft + ";" + childTop + ";" + (childLeft + width) + ";" + (childTop + height));child.layout(childLeft, childTop, childLeft + width, childTop + height);}}

最后一步绘制，并没有调用onDraw()放法，而是在控件init时，直接将xml布局文件添加到frameLayout parent上了。

        View rootView = inflate(context, R.layout.libui_edittextlabel, this);mEditText = (EditText) findViewById(R.id.libui_edittext_edittext);mLabel = (TextView) findViewById(R.id.libui_edittext_label);mDel = (ImageView) findViewById(R.id.libui_edittext_del);

到此控件绘制完毕。至于动画效果，参见源码：https://github.com/sougoucm/editTextView

转载于:https://www.cnblogs.com/androiddream/p/9258437.html

自定义控件-----输入框相关推荐

Qt自定义控件（IP输入框，windows下）
1.建立自定义控件项目组代表后来能从哪里找到剩下的点"下一步"就行了 2.编辑代码在生成项目的cpp中添加自己的内容(没有.ui界面了,设计tab是灰色的) 放一下我的代码 ...
QT自定义控件--键盘输入框
一.效果展示二.原理详解这个键盘不是标准的键盘,而是个人项目中定制化的键盘控件,这个控件属于组合控件,不是通过QPinter绘制的,而是通过Qt自带的类相互结合自定义的控件.键盘采用QPushBu ...
MFC中制作一个似命令行的输入框
在做一个MFC软件的时候有一个这样的需求,就是要有类似与AutoCad的命令输入框,如下图所示: 本着不重写已有功能的原则,在MFC中发掘了一圈,没发现有可用的现成控件,上网搜了一下,发现有人做过,但 ...
介绍几个好用的android自定义控件
首先看效果图, 看下这两个界面,第一个中用到了一个自定义的FlowRadioGroup,支持复合子控件,自定义布局: 第二个界面中看到了输入的数字自动4位分割了吧:也用到了自定义的DivisionE ...
ASP.NET自定义控件组件开发第三章为控件添加事件后篇
第三章为控件添加事件后篇前一篇文章只是简单的说了下事件,但是大家应该方法,在ASP.NET自定义控件中只是简单那么定义事件是行不通.如果大家开发的是WinForm中的事件,之前的定义可能没有什 ...
Android UI编程之自定义控件初步（下）——CustomEditText
概述: 基于对上一篇博客<Android UI编程之自定义控件初步(上)--ImageButton>的学习,我们对自定义控件也有了一个初步的认识.那现在我们可以再试着对EditText进行 ...
编写Qt Designer自定义控件（一）——如何创建并使用Qt自定义控件
在使用Qt Designer设计窗体界面时,我们可以使用Widget Box里的窗体控件非常方便的绘制界面,比如拖进去一个按钮,一个文本编辑器等.虽然Qt Designer里的控件可以满足我们大部分的 ...
Android开发技巧——自定义控件之自定义属性
Android开发技巧--自定义控件之自定义属性掌握自定义控件是很重要的,因为通过自定义控件,能够:解决UI问题,优化布局性能,简化布局代码. 上一篇讲了如何通过xml把几个控件组织起来,并继承某个 ...
Qt编写自定义控件及插件的使用
在使用Qt Designer设计窗体界面时,我们可以使用Widget Box里的窗体控件非常方便的绘制界面,比如拖进去一个按钮,一个文本编辑器等.虽然Qt Designer里的控件可以满足我们大部分的 ...

自定义控件-----输入框

自定义控件-----输入框相关推荐

最新文章

热门文章