Android EditTextとTextViewの入れ替え

Question

AndroidのViewについて詰まったので質問させてただ来ます。

編集ボタンをクリックするとTextViewがEditTextに変わって、編集ボタンが完了ボタンになる。

このような機能の実装方法がわかりません。
解決方法よろしくお願いします。

Answer 1

EditTextをsetEnable(false)にしておくと
タップしても状態が変わらないのでTextViewのように扱えます。

編集ボタンタップ時にsetEnable(true)にすれば通常のEditTextになるので編集可能となります。
見た目（背景、文字色、文字サイズ）等はこのタイミングで変更すれば良いでしょう。

同時にフォーカスも明示的に与えてやればキーボード等も出てくるかと思います。

Answer 2

もっとかっこいい方法があると思いますが編集ボタンの押下時にVisibilityを切り替えるのはどうでしょうか？

<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="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.test.MainActivity" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/hello_world" />

        <EditText
            android:id="@+id/editText1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="17dp"
            android:ems="10"
            android:visibility="gone" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="編集" />

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="完了"
            android:visibility="gone" />
    </LinearLayout>

</LinearLayout>

private Button mButton1; // 編集
private Button mButton2; // 完了
private EditText mEditText;
private TextView mTextView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mButton1 = (Button) findViewById(R.id.button1);
    mButton1.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            mButton1.setVisibility(View.GONE);
            mButton2.setVisibility(View.VISIBLE);
            mEditText.setVisibility(View.VISIBLE);
            mTextView.setVisibility(View.GONE);
        }
    });
    mButton2 = (Button) findViewById(R.id.button2);
    mEditText = (EditText) findViewById(R.id.editText1);
    mTextView = (TextView) findViewById(R.id.textView1);
}