Android页面中可编辑与不可编辑切换的实现

 更新时间:2018年07月04日 10:35:10   作者:野岗狼沟兜  
这篇文章主要给大家介绍了关于在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的布局中,然后遍历该布局容器即可,这种做法对那些总是发挥作用的控件集中在一起的话(比如都在页面下半部分),还是比较方便的。

而文中做法胜在灵活,可以对任意控件做特殊操作。这部分就到这儿吧,希望能对你有用。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • Android实现淘宝购物车

    Android实现淘宝购物车

    这篇文章主要为大家详细介绍了Android实现淘宝购物车,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • Android自定义照相机倒计时拍照

    Android自定义照相机倒计时拍照

    本文给大家介绍Android自定义照相机,并且实现倒计时拍照功能,对android自定义照相机相关知识感兴趣的朋友一起学习吧
    2015-12-12
  • Android实现在TextView文字过长时省略部分或滚动显示的方法

    Android实现在TextView文字过长时省略部分或滚动显示的方法

    这篇文章主要介绍了Android实现在TextView文字过长时省略部分或滚动显示的方法,结合实例形式分析了Android中TextView控件文字显示及滚动效果相关操作技巧,需要的朋友可以参考下
    2016-10-10
  • Android源码导入Eclipse步骤详解

    Android源码导入Eclipse步骤详解

    在本文中我们给大家详细讲述了Android源码导入Eclipse的步骤和具体方法,需要的朋友们跟着学习下。
    2019-03-03
  • Android Tablayout 自定义Tab布局的使用案例

    Android Tablayout 自定义Tab布局的使用案例

    这篇文章主要介绍了Android Tablayout 自定义Tab布局的使用案例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • Android自定义控件仿iOS滑块SwitchButton

    Android自定义控件仿iOS滑块SwitchButton

    这篇文章主要为大家详细介绍了Android自定义控件模仿iOS滑块SwitchButton,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • Kotlin类型系统竟如此简单

    Kotlin类型系统竟如此简单

    这篇文章主要给大家介绍了关于Kotlin类型系统的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Kotlin具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • Android开发中ProgressDialog简单用法示例

    Android开发中ProgressDialog简单用法示例

    这篇文章主要介绍了Android开发中ProgressDialog简单用法,结合实例形式分析了Android使用ProgressDialog的进度条显示与关闭、更新等事件响应相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • Android广播事件流程与广播ANR原理深入刨析

    Android广播事件流程与广播ANR原理深入刨析

    这篇文章主要介绍了Android广播事件流程与广播ANR原理,ANR应用程序未响应,当主线程被阻塞时,就会弹出如下弹窗,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可任意参考一下
    2022-10-10
  • Android webview打开本地图片上传实现代码

    Android webview打开本地图片上传实现代码

    这篇文章主要为大家详细介绍了Android webview打开本地图片上传的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02

最新评论