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類更容易。