To ensure designing consistency of every page, we have to make some design conventions to font size, font color, font family, icon width, icon style ect. Even there are some common design conventions but each page of the app has some thing unique, that`s the reason why this wiki was divided into different articles and named by page name.

header

1. height:
2. width: match_parent

ListView

• font size:14sp (title)
• font size:12sp (subtitle)
• font color:#282828 (title)
• font color:#555555 (subtitle)
• font family:default

Item height (the same height with Tabfragment)

1. height:48dp
2. padding:10dp

icon

android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_alignParentBottom="true" android:layout_alignParentTop="true" android:layout_marginRight="8dp" android:paddingBottom="4dp"

title

android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginRight="36dp" android:layout_toRightOf="@id/list_item_icon" android:layout_toLeftOf="@id/list_item_action" android:lines="1" android:singleLine="true" android:textColor="#282828" android:textSize="14sp"

subtitle

android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@id/list_item_title" android:layout_toRightOf="@id/list_item_icon" android:layout_toLeftOf="@id/list_item_action" android:textColor="#555555" android:textSize="12sp"

imageview_for_action_use

android:id="@+id/list_item_action" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginRight="12dp" android:layout_width="wrap_content" android:layout_height="fill_parent"