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的布局中,然后遍历该布局容器即可,这种做法对那些总是发挥作用的控件集中在一起的话(比如都在页面下半部分),还是比较方便的。

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

总结

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

(0)

相关推荐

  • Android中EditText实现不可编辑解决办法

    android:editable is deprecated: Use an <EditText> to make it editable android:editable is deprecated: Use inputType instead 分析:关于EditText控件的read-only问题,即: 无法通过UI更改其中的内容, 但可以选定部分内容, 进行复制.在早期的sdk, EditText有Editable属性, 现在这个属性已经deprecated了.   解决方法: 其实只需

  • Android自定义可编辑、删除的侧滑LisitView

    最近由于项目的需要,自定义了一个具有侧滑功能的listview,侧滑后可以点击编辑.删除.好了,大家先看一下效果图,毕竟是看脸的世界. 好了,我要先讲一下思路,一次编辑很难完善,有什么问题我后来还会补上,欢迎各位大神拍砖: 1.首先先说一下item:item用的LinearLayout布局,删除.编辑分别是写死了宽度的TextView,左边是一个match_parent的RelativeLayout,内容自己随意搞 2.上下滑动和左右滑动的处理:当用户手指滑动时,可以进行坐标的判断,如果Y轴移动

  • Android实现EditText的富文本编辑

    前言 本文是我之前写的这篇文章<Android图文混排-实现EditText图文混合插入上传>的升级版,除了在EditText实现了图片上传之外,还包含了视频上传.云盘文件上传.录音上传以及显示上传进度.目前应用于蜜蜂-集结号-任务模块. 首先介绍一下该功能的实现效果: 实现思路 实现思路与之前介绍的稍有不同,但是依然是使用SpannableString实现的.由于这里不仅仅支持图片上传,还支持音频.视频.文件上传,为了以后方便扩展更多类型,这里不再使用标签实现,而是直接以JSON实现.以前的

  • Android App中使用ViewPager+Fragment实现滑动切换效果

    在android应用中,多屏滑动是一种很常见的风格,没有采用viewpager的代码实现会很长,如果采用ViewPager,代码就会短很多,但是使用ViewPager也有弊端:需要导入android-support-v4.jar.细节无法控制.不过现在情况已经不一样了,android-support-v4中提供了很多实用的功能,以至于现在新建一个android工程默认都会导入这个jar包.那我们就也采用viewpager来做滑动吧.另外一个概念就是Fragment和FragmentActivit

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

    前言 相信大家在开发中经常遇到这样的需求,我们在某一页面,点击某可按钮后,需要把显示的页面变为可编辑的页面,以便修正数据,这样的页面该怎么实现呢? 先看截图 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://

  • Android页面中引导蒙层的使用方法详解

    蒙层是什么,蒙层是一层透明的呈灰色的视图,是在用户使用App时让用户快速学会使用的一些指导.类似于一些引导页面,只不过比引导页面更加生动形象而已.在GitHub上有具体的demo. 地址为   github源码地址,需要的可以去上面下载源码看看 使用引导蒙层非常简单,只要在你的项目中导入一个GuideView类即可,当然,别忘了在values的资源文件下加上相应的一些数值. 下面是GuideView的原码 public class GuideView extends RelativeLayout

  • Android App中制作仿MIUI的Tab切换效果的实例分享

    1.概述 哈,今天给大家带来一个ViewPagerIndicator的制作,相信大家在做tabIndicator的时候,大多数人都用过TabPageIndicator,并且很多知名APP都使用过这个开源的指示器.大家有没有想过如何自己去实现这样的一个指示器,并且代码会有多复杂呢~~~今天,我就带领大家来从无到有的实现这样一个指示器,当然了,不准备一模一样,搞得没有创新似的,再看标题,跟MIUI相关,所以我们准备做一个特性与TabPageIndicator一致的,但是样子和MIUI的Tab一样的~

  • Android应用中图片浏览时实现自动切换功能的方法详解

    先给最终效果图: 当我们在最下边的gallery中切换图片时,上面的大图片会自动切换,切换时有动画效果哦,很简单的一个程序,有待完善更多的功能! activity代码: package cn.com.chenzheng_java; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.view.View; import android.view.V

  • JS技巧多状态页面中的mock方案详解

    目录 引言 技术选型 业务逻辑改造 Eruda 插件 Mock 数据整理 引言 我们有时候会遇到一个业务页面存在很多个状态,甚至子状态,比如订单详情就是其中的典型,涉及从订单创建到订单结束,以及售后等流程.维护起来每个状态对应一份数据,虽然我们 QA 提供了数据构造平台,但构造一份对应状态的数据还是需要花费不少时间,而且串行流程一旦出错的话只能重新来一遍. 后期维护阶段也不容易构造对应状态的数据,导致排查页面问题比较耗时. 另外一个问题就是从头熟悉业务的话成本比较高,如果有一个直观的页面能够看到

  • 基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑

    当需要实现如下图操作,点击服务评分,出现一个服务评分窗口用来填入相关表单信息 可是这会让我们打开服务评分界面时还可以点击body主界面中的购物车等链接,这是不对的,因此我们可以使用层叠样式表来指定外围的div的z-index低于当前服务评分表单页面,不能被点击,如下: /* 定义一个div用于覆盖整个页面,这个div的z-index大于body,小于服务评分div */ #temp{ background-color: #000; opacity: 0.3; width: 100%; heigh

  • Android开发中如何解决Fragment +Viewpager滑动页面重复加载的问题

    前言 之前在做一个Viewpager上面加载多个Fragment时总会实例化已经创建好的Fragmnet对象类似 viewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) { @Override public Fragment getItem(int position) { switch(position){ case 0: fragments=new Fragmnet01(); break; case

  • Android编程中聊天页面背景图片、标题栏由于键盘引起问题的解决方法

    本文实例讲述了Android编程中聊天页面背景图片.标题栏由于键盘引起问题的解决方法.分享给大家供大家参考,具体如下: 在一个群里面有人问到 聊天页面由于键盘弹出来,导致自定义的标题栏不见和背景图片都变形了,然后自己也折腾了一下,在stackOverFlow上面找到了一个解决方法. 解决方法很简单: 1.在AndroidManifest.xml文件里面的Activity配置: 复制代码 代码如下: android:windowSoftInputMode="adjustResize|stateAl

  • Android Activity中使用Intent实现页面跳转与参数传递的方法

    本文实例讲述了Android Activity中使用Intent实现页面跳转与参数传递的方法.分享给大家供大家参考,具体如下: 新建一个FirstAvtivity.java package com.zhuguangwei; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.view.View.O

随机推荐