Android编辑信息界面,组合控件的封装

Github地址(完整Demo,欢迎下载)

https://github.com/ganchuanpu/ItemGroup

效果图

attrs.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <resources>
 3     <declare-styleable name="ItemGroup">
 4         <!--标题的文字-->
 5         <attr name="title" format="string" />
 6         <!--标题的字体大小-->
 7         <attr name="title_size" format="dimension" />
 8         <!--标题的字体颜色-->
 9         <attr name="title_color" format="color" />
10         <!--输入框的内容-->
11         <attr name="edt_content" format="string" />
12         <!--输入框的字体大小-->
13         <attr name="edt_text_size" format="dimension" />
14         <!--输入框的字体颜色-->
15         <attr name="edt_text_color" format="color" />
16         <!--输入框提示的内容-->
17         <attr name="edt_hint_content" format="string" />
18         <!--输入框的提示字体的字体颜色-->
19         <attr name="edt_hint_text_color" format="color" />
20         <!--输入框是否可以编辑内容-->
21         <attr name="isEditable" format="boolean"/>
22         <!--向的右箭头图标是否可见-->
23         <attr name="jt_visible" format="boolean"/>
24         <!--item布局的内边距-->
25         <attr name="paddingLeft" format="dimension"/>
26         <attr name="paddingRight" format="dimension"/>
27         <attr name="paddingTop" format="dimension"/>
28         <attr name="paddingBottom" format="dimension"/>
29
30         <attr name="drawable_left" format="reference" />
31         <attr name="drawable_right" format="reference" />
32         <attr name="line_color" format="color" />
33         <attr name="line_height" format="integer" />
34     </declare-styleable>
35 </resources>

获取到各属性

 1 private void initAttrs(Context context, AttributeSet attrs) {
 2         //标题的默认字体颜色
 3         int defaultTitleColor = context.getResources().getColor(R.color.item_group_title);
 4         //输入框的默认字体颜色
 5         int defaultEdtColor = context.getResources().getColor(R.color.item_group_edt);
 6         //输入框的默认的提示内容的字体颜色
 7         int defaultHintColor = context.getResources().getColor(R.color.item_group_edt);
 8
 9         TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ItemGroup);
10         String title = typedArray.getString(R.styleable.ItemGroup_title);
11         float paddingLeft = typedArray.getDimension(R.styleable.ItemGroup_paddingLeft, 15);
12         float paddingRight = typedArray.getDimension(R.styleable.ItemGroup_paddingRight, 15);
13         float paddingTop = typedArray.getDimension(R.styleable.ItemGroup_paddingTop, 5);
14         float paddingBottom = typedArray.getDimension(R.styleable.ItemGroup_paddingTop, 5);
15         float titleSize = typedArray.getDimension(R.styleable.ItemGroup_title_size, 15);
16         int titleColor = typedArray.getColor(R.styleable.ItemGroup_title_color, defaultTitleColor);
17         String content = typedArray.getString(R.styleable.ItemGroup_edt_content);
18         float contentSize = typedArray.getDimension(R.styleable.ItemGroup_edt_text_size, 13);
19         int contentColor = typedArray.getColor(R.styleable.ItemGroup_edt_text_color, defaultEdtColor);
20         String hintContent = typedArray.getString(R.styleable.ItemGroup_edt_hint_content);
21         int hintColor = typedArray.getColor(R.styleable.ItemGroup_edt_hint_text_color, defaultHintColor);
22         //默认输入框可以编辑
23         boolean isEditable = typedArray.getBoolean(R.styleable.ItemGroup_isEditable, true);
24         //向右的箭头图标是否可见,默认可见
25         boolean showJtIcon = typedArray.getBoolean(R.styleable.ItemGroup_jt_visible, true);
26         typedArray.recycle();
27
28         //设置数据
29         //设置item的内边距
30         itemGroupLayout.setPadding((int) paddingLeft, (int) paddingTop, (int) paddingRight, (int) paddingBottom);
31         titleTv.setText(title);
32         titleTv.setTextSize(titleSize);
33         titleTv.setTextColor(titleColor);
34
35         contentEdt.setText(content);
36         contentEdt.setTextSize(contentSize);
37         contentEdt.setTextColor(contentColor);
38         contentEdt.setHint(hintContent);
39         contentEdt.setHintTextColor(hintColor);
40         contentEdt.setFocusableInTouchMode(isEditable); //设置输入框是否可以编辑
41         contentEdt.setLongClickable(false); //输入框不允许长按
42         jtRightIv.setVisibility(showJtIcon ? View.VISIBLE : View.GONE);  //设置向右的箭头图标是否可见
43 }

xml布局文件

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     xmlns:app="http://schemas.android.com/apk/res-auto"
 4     xmlns:tools="http://schemas.android.com/tools"
 5     android:layout_width="match_parent"
 6     android:layout_height="match_parent"
 7     android:orientation="vertical"
 8     tools:context="com.zx.itemgroup.MainActivity">
 9
10     <com.zx.itemgroup.ItemGroup
11         android:id="@+id/name_ig"
12         android:layout_width="match_parent"
13         android:layout_height="wrap_content"
14         app:edt_hint_content="请输入姓名"
15         app:jt_visible="false"
16         app:paddingLeft="15dp"
17         app:title="姓名" />
18
19     <com.zx.itemgroup.ItemGroup
20         android:id="@+id/id_card_ig"
21         android:layout_width="match_parent"
22         android:layout_height="wrap_content"
23         app:edt_hint_content="请输入身份证号"
24         app:jt_visible="false"
25         app:paddingLeft="15dp"
26         app:title="身份证" />
27
28     <com.zx.itemgroup.ItemGroup
29         android:id="@+id/select_birthday_ig"
30         android:layout_width="match_parent"
31         android:layout_height="46dp"
32         app:edt_hint_content="请选择出生日期"
33         app:isEditable="false"
34         app:paddingLeft="15dp"
35         app:title="出生日期" />
36
37     <com.zx.itemgroup.ItemGroup
38         android:id="@+id/select_city_ig"
39         android:layout_width="match_parent"
40         android:layout_height="46dp"
41         app:edt_hint_content="请选择您所在的城市"
42         app:isEditable="false"
43         app:paddingLeft="15dp"
44         app:title="所在城市" />
45 </LinearLayout>

调用的activity

 1 /**
 2  * 组合控件封装(提交信息及编辑信息界面及功能)
 3  */
 4 public class MainActivity extends AppCompatActivity {
 5
 6     private Context mContext;
 7     private ItemGroup nameIG, idCardIG, birthdayIG, cityIG;
 8
 9     @Override
10     protected void onCreate(Bundle savedInstanceState) {
11         super.onCreate(savedInstanceState);
12         setContentView(R.layout.activity_main);
13
14         mContext = this;
15         initView();
16     }
17
18     private void initView() {
19         nameIG = (ItemGroup) findViewById(R.id.name_ig);
20         idCardIG = (ItemGroup) findViewById(R.id.id_card_ig);
21         birthdayIG = (ItemGroup) findViewById(R.id.select_birthday_ig);
22         cityIG = (ItemGroup) findViewById(R.id.select_city_ig);
23         birthdayIG.setItemOnClickListener(new ItemGroup.ItemOnClickListener() {
24             @Override
25             public void onClick(View v) {
26                 Toast.makeText(mContext, "点击了选择出生日期", Toast.LENGTH_SHORT).show();
27             }
28         });
29         cityIG.setItemOnClickListener(new ItemGroup.ItemOnClickListener() {
30             @Override
31             public void onClick(View v) {
32                 Toast.makeText(mContext, "点击了选择城市", Toast.LENGTH_SHORT).show();
33             }
34         });
35     }
36 }

原文地址:https://www.cnblogs.com/ganchuanpu/p/8597397.html

时间: 2024-08-25 13:11:03

Android编辑信息界面,组合控件的封装的相关文章

Android自定义View之组合控件 ---- LED数字时钟

先上图 LEDView效果如图所示. 之前看到一篇博客使用两个TextView实现了该效果,于是我想用自定义控件的方式实现一个LEDView,使用时即可直接使用该控件. 采用组合控件的方式,将两个TextView叠放在一起,再使用digital-7.ttf字体来显示数据,从而达到LED的效果.代码如下: LEDView.class package ione.zy.demo; import java.io.File; import java.util.Calendar; import java.u

[android] 手机卫士自定义组合控件

设置中心 新建SettingActivity 设置GridView条目的点击事件 调用GridView对象的setOnItemClickListenner()方法,参数:OnItemClickListenner对象 匿名内部类实现,重写onItemClick()方法,传递进来的参数: parent是GridView对象,view是当前View对象,position是当前索引 switch判断,当时设置中心的索引时,跳转到设置中心 设置中心界面 使用相对布局,右边的<CheckBox/> 位于父

Android 手机卫士--自定义组合控件构件布局结构

由于设置中心条目中的布局都很类似,所以可以考虑使用自定义组合控件来简化实现 本文地址:http://www.cnblogs.com/wuyudong/p/5909043.html,转载请注明源地址. 自定义组合控件 1.将已经编写好的布局文件,抽取到一个类中去做管理,下次还需要使用此布局结构的时候,直接使用组合控件对应的对象. 2.将组合控件的布局,抽取到单独的一个xml中 新建布局文件:setting_item_view.xml,将上篇文章中布局文件中的代码放进去 <?xml version=

Android自定义控件之自定义组合控件(三)

前言: 前两篇介绍了自定义控件的基础原理Android自定义控件之基本原理(一).自定义属性Android自定义控件之自定义属性(二).今天重点介绍一下如何通过自定义组合控件来提高布局的复用,降低开发成本,以及维护成本. 使用自定义组合控件的好处? 我们在项目开发中经常会遇见很多相似或者相同的布局,比如APP的标题栏,我们从三种方式实现标题栏来对比自定义组件带来的好处,毕竟好的东西还是以提高开发效率,降低开发成本为导向的. 1.)第一种方式:直接在每个xml布局中写相同的标题栏布局代码 <?xm

android自定义控件(五) 自定义组合控件

转自http://www.cnblogs.com/hdjjun/archive/2011/10/12/2209467.html 代码为自己编写 目标:实现textview和ImageButton组合,可以通过Xml设置自定义控件的属性. 通过代码或者通过xml设置自定义控件的属性 1.控件布局:以Linearlayout为根布局,一个TextView,一个ImageButton.  Xml代码 [html] view plaincopy < ?xml version="1.0" 

Android 自定义组合控件小结

引言 接触Android UI开发的这段时间以来,对自定义组合控件有了一定的了解,为此小结一下,本文小结内容主要讨论的是如何使用Android SDK提供的布局和控件组成一个功能完整组合控件并将其封装为面向对象的类,而并非讨论如何继承自SDK提供的控件类(比如TextView),对其进行自定义扩展的问题. 进入正题前,我们先来看一组功能需求 假设在手机需求上,那么如上三个界面我们可以使用三个Activity,每个Activity一个布局文件,实现起来比较独立,但是假设在Android pad上要

Android自定义控件——自定义组合控件

转载请注明出处http://blog.csdn.net/allen315410/article/details/39581055  前面几篇博文介绍了Android如何自定义控件,其实就是讲一下如何"从无到有"的自定义一个全新的控件,继承View或者继承ViewGroup,复写其相关方法,这种自定义控件的方式相对来说难度较大,而且并不是所有需要新控件的情况下,都要这样进行.有很多情况下,我们只要运用好Android给我提供好的控件,经过布局巧妙的结合在一起,就是一个新的控件,我称之为&

Android自定义组合控件的实现

需求:在黑马做安全卫士的时候,功能9设置中心界面如下: 在点击item的时候,复选框会反转状态,同时"自动更新已经关闭"会变换内容和颜色. 可以发现这个界面类似ListView,但又不是ListView,因为它的item数量是固定的,且最后一 item和之前的都不一样.虽然这个看着像是标准的List结构,实则每个item不是完全一样,因为 每个item的提示文本(如"自动更新已经关闭")的内容并不完全一样. 假如用一般方式来布局的话,4个item就会有3*4 = 1

Android开发学习笔记-自定义组合控件

为了能让代码能够更多的复用,故使用组合控件.下面是我正在写的项目中用到的方法. 1.先写要组合的一些需要的控件,将其封装到一个布局xml布局文件中. <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="