This is the 13th day of my participation in the August More Text Challenge. For details, see:August is more challenging
The article directories
Android enterprise-level combat – Interface chapter -2
Ji Meng creation is not easy, did not enter the other platform handling please according to the rules of the agreement handling.
preface
Renderings combined with the first presentation, no more nonsense, straight to start
The following is the text of this article: some of the tools used in this article are from the first article. The link is below. (will be prompted later) Android enterprise-level combat – UI part -1
First, look at the effect of the implementation
Two, the implementation of the preparation
1. The contents of the dimens. XML file (same as in the first case)
Do not occupy the word, please in the first self Android enterprise-level combat – interface chapter -1
2. Ids.xml file content (available in this case)
<! -- id of the first UI module --> <item type="id" name="user_profile_layout" />
<item type="id" name="profile_cover" />
<item type="id" name="blog_tag" />
<item type="id" name="user_data" />
<item type="id" name="arrow" />
<item type="id" name="arrow_img" />
<item type="id" name="blog_name_text"/ > <! -- id--> <item type="id" name="user_focus_layout" />
<item type="id" name="user_focus_num" />
<item type="id" name="user_fans_layout" />
<item type="id" name="user_fans_num" />
<item type="id" name="new_fans_tip" />
<item type="id" name="user_fav_num" />
<item type="id" name="user_tv_recommend_num"/ > <! --> <item type="id" name="ll_owner_like" />
<item type="id" name="iv_like_icon" />
<item type="id" name="ll_owner_fav" />
<item type="id" name="iv_fav_icon" />
Copy the code3. Colors. XML file content (available in this case)
<color name="jimeng_background_primary_light">#ffffffff</color>
<color name="jimeng_white">@color/jimeng_background_primary_light</color>
<color name="jimeng_text_primary_light">#ff2e2e2e</color>
<color name="jimeng_black">@color/jimeng_text_primary_light</color>
<color name="jimeng_red_light">#ffff6c93</color>
<color name="jimeng_text_quarternary_light">#ffcccccc</color>
<color name="color_dddddd">#ffdddddd</color>
<color name="jimeng_background_secondary_light">#fff5f5f5</color>
<color name="jimeng_separator_line_light">#ffededed</color>
<color name="jimeng_gray05">@color/jimeng_separator_line_light</color>
<color name="color_ffffff">#ffffffff</color>
<color name="jimeng_gray03">@color/jimeng_text_quarternary_light</color>
Copy the codeThree, implementation,
1. User_profile_layout.xml (first module)
<? xml version="1.0" encoding="utf-8"? > <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@id/user_profile_layout"
android:layout_width="fill_parent"
android:layout_height="100.0 dip"
android:clickable="true"
android:clipChildren="false">
<ImageView
android:id="@id/profile_cover"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:alpha="1.0" />
<ImageView
android:id="@id/image"
android:layout_width="72.0 dip"
android:layout_height="72.0 dip"
android:layout_marginLeft="24.0 dip"
android:layout_marginTop="@dimen/jimeng_dp_32"
android:layout_marginRight="15.0 dip"
android:src="@drawable/venda_default_icon_jimeng" />
<ImageView
android:id="@id/blog_tag"
android:layout_width="22.0 dip"
android:layout_height="22.0 dip"
android:layout_alignRight="@id/image"
android:layout_alignBottom="@id/image"
android:layout_marginTop="2.0 dip"
android:scaleType="centerCrop" />
<RelativeLayout
android:id="@id/user_data"
android:layout_width="fill_parent"
android:layout_height="72.0 dip"
android:layout_marginTop="36.0 dip"
android:layout_toLeftOf="@id/arrow"
android:layout_toRightOf="@id/image"
>
<TextView
android:id="@id/blog_name_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="4.0 dip"
android:layout_marginRight="15.0 dip"
android:duplicateParentState="true"
android:singleLine="true"
android:text="Jimeng doesn't eat fish."
android:layout_centerVertical="true"
android:textColor="@color/jimeng_black"
android:textSize="@dimen/jimeng_dp_20"
android:textStyle="bold"/>
</RelativeLayout>
<RelativeLayout
android:id="@id/arrow"
android:layout_width="40.0 dip"
android:layout_height="72.0 dip"
android:layout_marginTop="36.0 dip"
android:layout_alignParentRight="true"
>
<ImageView
android:id="@id/arrow_img"
android:layout_width="16.0 dip"
android:layout_height="16.0 dip"
android:layout_centerVertical="true"
android:layout_marginRight="24.0 dip"
android:src="@drawable/common_icon_arrow_next_medium" />
</RelativeLayout>
</RelativeLayout>
Copy the codeEffect:
2. Include_user_profile_feature.xml (second module)
<? xml version="1.0" encoding="utf-8"? > <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@color/white"
android:orientation="horizontal"
android:paddingTop="@dimen/jimeng_dp_16"
android:paddingBottom="@dimen/jimeng_dp_16">
<LinearLayout
android:id="@id/user_focus_layout"
android:layout_width="0.0 dip"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:gravity="center"
android:orientation="vertical">
<TextView
android:id="@id/user_focus_num"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1024"
android:textColor="@color/jimeng_text_primary_light"
android:textSize="@dimen/jimeng_dp_17"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/jimeng_dp_2"
android:text="Attention"
android:textColor="@color/jimeng_text_quarternary_light"
android:textSize="@dimen/jimeng_dp_12"
android:textStyle="bold" />
</LinearLayout>
<RelativeLayout
android:id="@id/user_fans_layout"
android:layout_width="0.0 dip"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:gravity="center">
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<TextView
android:id="@id/user_fans_num"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:text="1024"
android:textColor="@color/jimeng_text_primary_light"
android:textSize="@dimen/jimeng_dp_17"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/user_fans_num"
android:layout_centerHorizontal="true"
android:layout_marginTop="@dimen/jimeng_dp_2"
android:text="Fans"
android:textColor="@color/jimeng_text_quarternary_light"
android:textSize="@dimen/jimeng_dp_12"
android:textStyle="bold" />
<TextView
android:id="@id/new_fans_tip"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="3.0 dip"
android:layout_marginBottom="3.0 dip"
android:layout_toRightOf="@id/user_fans_num"
android:text="+ 0"
android:textColor="@color/jimeng_red_light"
android:textSize="10.0 dip"
android:visibility="gone" />
</RelativeLayout>
</RelativeLayout>
<LinearLayout
android:id="@id/user_fav_num"
android:layout_width="0.0 dip"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:gravity="center"
android:orientation="vertical">
<TextView
android:id="@id/user_tv_recommend_num"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1024"
android:textColor="@color/jimeng_text_primary_light"
android:textSize="@dimen/jimeng_dp_17"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/jimeng_dp_2"
android:text="Recommended"
android:textColor="@color/jimeng_text_quarternary_light"
android:textSize="@dimen/jimeng_dp_12"
android:textStyle="bold" />
</LinearLayout>
</LinearLayout>
Copy the coderendering
3. User_profile_mylove_collect.xml (third module)
<? xml version="1.0" encoding="utf-8"? > <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:background="@drawable/user_profile_background_like"
android:layout_height="@dimen/jimeng_dp_56"
android:layout_marginLeft="@dimen/jimeng_dp_16"
android:layout_marginRight="@dimen/jimeng_dp_16"
android:layout_width="fill_parent"
android:orientation="horizontal">
<RelativeLayout
android:id="@id/ll_owner_like"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:layout_width="wrap_content">
<ImageView
android:id="@id/iv_like_icon"
android:layout_centerVertical="true"
android:layout_height="44.0 dip"
android:layout_marginLeft="20.0 dip"
android:layout_width="44.0 dip"
android:src="@drawable/account_icon_messages_love_light1" />
<TextView
android:layout_centerVertical="true"
android:layout_height="wrap_content"
android:layout_marginLeft="4.0 dip"
android:layout_toRightOf="@id/iv_like_icon"
android:layout_width="wrap_content"
android:text="My favorite."
android:textColor="@color/jimeng_black"
android:textSize="@dimen/jimeng_dp_14"
android:textStyle="bold" />
</RelativeLayout>
<View
android:background="@color/color_dddddd"
android:layout_height="fill_parent"
android:layout_marginBottom="@dimen/dp_10"
android:layout_marginTop="@dimen/dp_10"
android:layout_width="1.0 px" />
<RelativeLayout
android:id="@id/ll_owner_fav"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:layout_width="wrap_content">
<ImageView
android:id="@id/iv_fav_icon"
android:layout_centerVertical="true"
android:layout_height="44.0 dip"
android:layout_marginLeft="20.0 dip"
android:layout_width="44.0 dip"
android:src="@drawable/account_icon_messages_collect_light" />
<TextView
android:layout_centerVertical="true"
android:layout_height="wrap_content"
android:layout_marginLeft="4.0 dip"
android:layout_toRightOf="@id/iv_fav_icon"
android:layout_width="wrap_content"
android:text="My collection."
android:textColor="@color/jimeng_black"
android:textSize="@dimen/jimeng_dp_14"
android:textStyle="bold" />
</RelativeLayout>
</LinearLayout>
Copy the coderendering
Four, the use of
<include layout="@layout/user_profile_layout"/>
<include
layout="@layout/include_user_profile_feature"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<include layout="@layout/user_profile_mylove_collect" />
Copy the codeconclusion
If you need to communicate, you can contact Ji Meng (see the message back).