Android页面实现可编辑和不可编辑切换

• 经常遇到这样的需求，我们在某一页面，点击某可按钮后，需要把显示的页面变为可编辑的页面，以便修正数据，这样的页面该怎么实现呢？

• 先看截图

  
  1.png

2.png

<?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:id="@+id/all_views"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/edit"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="编辑"
        android:textSize="25sp" />

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

        <RadioButton
            android:id="@+id/boy"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="男"
            android:textSize="25sp" />

        <RadioButton
            android:id="@+id/girl"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="女"
            android:textSize="25sp" />
    </RadioGroup>

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

        <EditText
            android:id="@+id/views"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@null"
            android:hint="代表一大堆控件"
            android:textSize="25sp" />
    </LinearLayout>

    <Button
        android:id="@+id/special"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="一个在编辑状态和不可编辑状态都要用的Button"
        android:textSize="25sp" />
</LinearLayout>

• 活动 MainActivity.java:

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    Button edit, special;
    LinearLayout linearLayout;
    RadioButton boy, girl;
    EditText views;

    List<View> viewList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        edit = (Button) findViewById(R.id.edit);

        special = (Button) findViewById(R.id.special);
        linearLayout = (LinearLayout) findViewById(R.id.all_views);
        edit.setOnClickListener(this);
        special.setOnClickListener(this);

        boy = (RadioButton) findViewById(R.id.boy);
        girl = (RadioButton) findViewById(R.id.girl);
        views = (EditText) findViewById(R.id.views);

        viewList.add(boy);
        viewList.add(girl);
        viewList.add(views);

        setViewsEnable(false);
    }

    @Override
    public void onClick(View v) {
        if (v.getId() == R.id.edit) {
            if (edit.getText().toString().equals("编辑")) {
                edit.setText("完成");
                setViewsEnable(true);
            } else {
                edit.setText("编辑");
                setViewsEnable(false);
            }
        } else if (v.getId() == R.id.special) {
            Toast.makeText(this, "我总是有用的那个", Toast.LENGTH_SHORT).show();
        }
    }

    private void setViewsEnable(boolean able) {
        for (View view : viewList) {
             view.setEnabled(able);
            view.setFocusable(able);
        
        }
    }
}

• 这样基本的要求达到了，但是还有个问题：EditText不能输入了 ！，就上述代码，id为views的EditText无论在那种状态都不能输入了。

点击两次才响应和EditText不能输入问题

将其中方法改动：

 private void setViewsEnable(boolean able) {
        for (View view : viewList) {
            view.setEnabled(able);
            view.setFocusable(able);
            view.setFocusableInTouchMode(able);
        }
    }

• 做出如上改动后，输入问题倒是解决了，可是控件必须点击两次才响应，那么对比之前可以推测，属性：
  setFocusableInTouchMode导致了该问题，既然添加了该属性后EditText正常，其他控件不正常，那么区别对待之，另做如下修改：

 private void setViewsEnable(boolean able) {
        for (View view : viewList) {
            view.setEnabled(able);
            view.setFocusable(able);
            if (view instanceof EditText) {
                view.setFocusableInTouchMode(able);
            }
        }
    }

• 如此，我们的目标达到了，只是，正常情况下，我们这个页面可能有十几个、甚至几十个控件需要操作，那么我们一个个找到之再添加到viewList中，丑不丑陋不好说，反正是搞得眼花缭乱就是，作为一个有抱负的码农果断不能忍！

更优雅的方式

• 既然问题是出在控件太多，一个个添加要操作控件太麻烦，那么可不可以遍历布局寻找控件呢，可以的，将活动代码做如下修改：

package com.example.softdk.myapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.RadioButton;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    Button edit, special;
    LinearLayout allViews;
    RadioButton boy, girl;
    EditText views;

    List<View> viewList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        edit = (Button) findViewById(R.id.edit);

        special = (Button) findViewById(R.id.special);
        allViews = (LinearLayout) findViewById(R.id.all_views);
        edit.setOnClickListener(this);
        special.setOnClickListener(this);

        traversalView(allViews);
        setViewsEnable(false);
    }

    @Override
    public void onClick(View v) {
        if (v.getId() == R.id.edit) {
            if (edit.getText().toString().equals("编辑")) {
                edit.setText("完成");
                setViewsEnable(true);
            } else {
                edit.setText("编辑");
                setViewsEnable(false);
            }
        } else if (v.getId() == R.id.special) {
            Toast.makeText(this, "我总是有用的那个", Toast.LENGTH_SHORT).show();
        }
    }

    private void traversalView(ViewGroup viewGroup) {
        int i = viewGroup.getChildCount();
        for (int j = 0; j < i; j++) {
            View view = viewGroup.getChildAt(j);
            if (view.getId() == R.id.edit)
                continue;//除去我们 编辑-完成 按钮，正常使用情况下一般是在标题栏上添加监听，不会有这个情况=
            else if (view.getId() == R.id.special)
                continue;//除去那些我们再 编辑-完成 状态都需要起作用的按钮
            viewList.add(view);//找所有布局和控件
            if (view instanceof ViewGroup) {
                /**
                 * viewList.add(view);//只找布局
                 *
                 * 注意此处，如果该空间是布局容器，那么继续寻找布局内部的控件
                 * 直到找到的控件不是布局容器
                 * 如果我们想找的控件包括了布局容器（如LinearLayout之类的里面能放控件的东西）
                 * 那么应该在该判读之前将找到的view添加到我们的集合
                 * 如果仅仅是想找控件，那么在else之内添加（下面注释掉了）
                 */
                traversalView((ViewGroup) view);
            } else {
                // viewList.add(view);//只找控件
            }
        }
    }

    private void setViewsEnable(boolean able) {
        for (View view : viewList) {
            view.setEnabled(able);
            view.setFocusable(able);
            if (view instanceof EditText) {
                view.setFocusableInTouchMode(able);
            }
        }
    }
}

• 不卖关子了，上面就是完整版，去掉注释，逻辑还是很简单清晰的，如果结合Butterknife等框架插件使用的话，能大大减少琐碎代码的编写。注意看下那两句continue其实一个意思，除去我们想让它一直发挥作用的控件，其实还有一种方法是：
  将我们需要改变状态的控件放到一个类似于文中id为all_views的布局中，然后遍历该布局容器即可，这种做法对那些总是发挥作用的控件集中在一起的话（比如都在页面下半部分），还是比较方便的。
• 而文中做法胜在灵活，可以对任意控件做特殊操作。这部分就到这儿吧，希望能对你有用。