Implementing Redlines(Android)

——Redlines,Goodlooking

Nexus5开启开发者模式

打开设置，点击关于手机

在版本号一行点击多下（五六次吧）

再返回就有开发者选项了

这里因为开发者选项里有一个关于显示布局的功能，可以看到界面的Redline。

什么是Redline？



字体，大小等等设置

175 : 125 = 7 : 5

Today 布局

可能不完全按照上图来设置，但没有大的不同。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="?android:listPreferredItemHeight"
android:gravity="center_vertical"
android:background="@drawable/touch_selector_today"
>

<!-- layout_weight = 7-->

<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="7"
android:orientation="vertical"
android:layout_marginLeft="60dp"
android:layout_marginBottom="16dp"
android:layout_marginTop="16dp"
>

<TextView
android:id="@+id/list_item_date_textview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:textColor="@color/white"
android:textAppearance="?android:textAppearanceLarge"
/>

<TextView
android:id="@+id/list_item_high_textview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-light"
android:textColor="@color/white"
android:textSize="72sp"
/>

<TextView
android:id="@+id/list_item_low_textview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-light"
android:textColor="@color/white"
android:textSize="36sp"
android:layout_marginLeft="8dp"

/>
</LinearLayout>

<!-- layout_weight = 5-->

<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="5"
android:orientation="vertical"
android:layout_marginRight="16dp"
android:layout_marginBottom="16dp"
android:layout_gravity="center_horizontal|bottom" >
<ImageView
android:id="@+id/list_item_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
/>

<TextView
android:id="@+id/list_item_forecast_textview"
android:layout_gravity="center_horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:textColor="@color/white"
android:textAppearance="?android:textAppearanceLarge"
/>

</LinearLayout>

</LinearLayout>

其余的list_item

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:minHeight="?android:attr/listPreferredItemHeight"
android:background="@drawable/touch_selector"

>

<FrameLayout
android:layout_width="60dp"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/list_item_icon"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>

</FrameLayout>

<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_weight="7"
>
<TextView
android:id="@+id/list_item_date_textview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:textAppearance="?android:textAppearanceLarge"
/>

<TextView
android:id="@+id/list_item_forecast_textview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:textAppearance="?android:textAppearanceSmall"
/>
</LinearLayout>

<LinearLayout
android:layout_width="0dp"
android:layout_weight="5"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_gravity="center"
>
<TextView
android:id="@+id/list_item_high_textview"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:textAppearance="?android:textAppearanceLarge"
/>

<TextView
android:id="@+id/list_item_low_textview"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:textAppearance="?android:textAppearanceSmall"

/>
</LinearLayout>

</LinearLayout>