Android - 自定义视图 - 扩展EditText与顶部视图

Question

我想找出一个很好的解决方案，如何扩展EditText，让我有顶层的其他视图。我正在试图制作一个自定义的View，它是一个EditText，它具有顶部的TextView以显示字符数量，顶部的ImageView用于清除按钮。

目前，我有扩展FrameLayout的工作，但这并没有给我控制/灵活性，我正在寻找。比如我不能使用ButterKnife的@OnTextChanged，因为它期望一个TextView，并且我没有直接访问EditText的任何XML属性，除非我传递它们。

谢谢你的时间。

ClearableEditText.java

public class ClearableEditText extends FrameLayout { 

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

    protected void init() { 
     View inflate = inflate(getContext(), R.layout.clearable_edit_text, this); 
     ButterKnife.bind(this, inflate); 
     ... 
    } 

    ... 
} 

R.layout.clearable_edit_text.xml

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical"> 

    <EditText 
     android:id="@+id/clearable_edit" 
     style="@style/edit_text" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:ems="10" /> 

    <ImageView 
     android:id="@+id/clearable_clear" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="right" 
     android:layout_marginRight="10dp" 
     android:layout_marginTop="5dp" 
     android:src="@drawable/button_clear" 
     android:visibility="invisible" 
     tools:visibility="visible" /> 


    <TextView 
     android:id="@+id/clearable_count" 
     style="@style/edit_text_number" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|right" 
     tools:text="1200" /> 
</FrameLayout> 

Answer 1

我发现它在这些情况下，简单的使用XML中的一个空的布局，我在运行时后填充无论我想要什么元素。例如：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical"> 

    <TextView ..... /> 
    <Button........./> 
    . 
    . 
    . 
    <LinearLayout 
     android:id="@+id/container" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"/> 


</LinearLayout> 

，并在活动

LayoutInflater inflater = getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
LinearLayout container = (LinearLayout)findViewById(R.id.container); 
MyComplexView myComplexView = new MyComplexView(inflater, container); 

其中MyComplexView：

public static class MyComplexView{ 

     LinearLayout container; 
     LayoutInflater inflater; 
     TextView textView ; 
     ImageView img; 
     EditText editText; 

     public MyComplexView(LinearLayout container,LayoutInflater inflater){ 
      this.container = container; 
      this.inflater = inflater; 
      View v = (View) inflater.inflate(R.layout.mylayout, null); 
      container.addView(v); 
      textView = (TextView)v.findViewById(R.id.textview); 
      img = (ImageView)v.findViewById(R.id.imgaviev); 
      editText = (EditText)v.findViewById(R.id.edittext); 
      // assign whatever text change listeners or on click listeners you want 
     } 

     public void makeEditTextMultiline(boolean flag){ 
      if(flag){  
       edittext.setInputType(InputType.TYPE_CLASS_TEXT|InputType.TYPE_TEXT_FLAG_MULTI_LINE); 
      } 
      else{ 
       edittext.setSingleLine(true); 
      } 
     } 
     public String getEditTextText(){ 
      return editText.getText().toString(); 
     } 

    } 

之后，你可以创建各种在MyComplexView类的方法来操作的对象。

我认为这比扩展View类更容易。