Implementing Redlines(Android)

——Redlines,Goodlooking

Nexus5开启开发者模式

打开设置,点击关于手机
在版本号一行点击多下(五六次吧)
再返回就有开发者选项了

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

Implementing Redlines(Android)_第1张图片

字体,大小等等设置

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>

你可能感兴趣的:(android,开发人员,Redlines)