Android页面中可编辑与不可编辑切换的实现
前言
相信大家在开发中经常遇到这样的需求,我们在某一页面,点击某可按钮后,需要把显示的页面变为可编辑的页面,以便修正数据,这样的页面该怎么实现呢?
先看截图
<?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的布局中,然后遍历该布局容器即可,这种做法对那些总是发挥作用的控件集中在一起的话(比如都在页面下半部分),还是比较方便的。
而文中做法胜在灵活,可以对任意控件做特殊操作。这部分就到这儿吧,希望能对你有用。
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对我们的支持。