Github address (full Demo, welcome to download)

https://github.com/ganchuanpu/ItemGroup

Design sketch

attrs.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <resources>
 3     <declare-styleable name="ItemGroup">
 4 <! -- text of title -- >
 5         <attr name="title" format="string" />
 6 <! -- font size of title -- >
 7         <attr name="title_size" format="dimension" />
 8 <! -- font color of title -- >
 9         <attr name="title_color" format="color" />
10 <! -- input box content -- >
11         <attr name="edt_content" format="string" />
12 <! -- font size of input box -- >
13         <attr name="edt_text_size" format="dimension" />
14 <! -- font color of input box -- >
15         <attr name="edt_text_color" format="color" />
16 <! -- input box prompt content -- >
17         <attr name="edt_hint_content" format="string" />
18 <! -- prompt for input box font color -- >
19         <attr name="edt_hint_text_color" format="color" />
20 <! -- whether the input box can be edited -- >
21         <attr name="isEditable" format="boolean"/>
22 <! -- is the right arrow icon to be visible -- >
23         <attr name="jt_visible" format="boolean"/>
24 <! -- inner margin of item layout -- >
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>

Get properties

 1 private void initAttrs(Context context, AttributeSet attrs) {
 2         //Default font color for titles
 3         int defaultTitleColor = context.getResources().getColor(R.color.item_group_title);
 4         //Default font color for input box
 5         int defaultEdtColor = context.getResources().getColor(R.color.item_group_edt);
 6         //Default prompt content font color of input box
 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         //The default input box can be edited
23         boolean isEditable = typedArray.getBoolean(R.styleable.ItemGroup_isEditable, true);
24         //Whether the arrow icon to the right is visible by default
25         boolean showJtIcon = typedArray.getBoolean(R.styleable.ItemGroup_jt_visible, true);
26         typedArray.recycle();
27 
28         //Setting data
29         //Set up item Inner margin
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); //Set whether the input box can be edited
41         contentEdt.setLongClickable(false); //Long press not allowed in input box
42         jtRightIv.setVisibility(showJtIcon ? View.VISIBLE : View.GONE);  //Sets whether arrow icons to the right are visible
43 }

xml layout file

 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="Please enter a name"
15         app:jt_visible="false"
16         app:paddingLeft="15dp"
17         app:title="Full name" />
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="Please enter ID number"
24         app:jt_visible="false"
25         app:paddingLeft="15dp"
26         app:title="ID" />
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="Please select the date of birth"
33         app:isEditable="false"
34         app:paddingLeft="15dp"
35         app:title="Date of birth" />
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="Please select your city"
42         app:isEditable="false"
43         app:paddingLeft="15dp"
44         app:title="Location city" />
45 </LinearLayout>

activity called

 1 /**
 2  * Package of composite control (submit information and edit information interface and function)
 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, "Click to select date of birth", Toast.LENGTH_SHORT).show();
27             }
28         });
29         cityIG.setItemOnClickListener(new ItemGroup.ItemOnClickListener() {
30             @Override
31             public void onClick(View v) {
32                 Toast.makeText(mContext, "Click Select City", Toast.LENGTH_SHORT).show();
33             }
34         });
35     }
36 }