头条新闻（5）

新闻详情页面初步设计：

 

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:scrollbars="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:scrollbars="vertical" >

        <RelativeLayout
            android:id="@+id/detail_header"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="2dp" >

            <TextView
                android:id="@+id/detail_title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:singleLine="true"
                android:text="男子为安人买卫生巾被女子骂变态差点动粗"
                android:textColor="@color/black"
                android:textSize="18dp"
                android:typeface="monospace" />

            <TextView
                android:id="@+id/detail_author"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/detail_title"
                android:layout_marginTop="14dp"
                android:text="中国第一视频网"
                android:textColor="@color/hui"
                android:textSize="10dp"
                android:typeface="monospace" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBaseline="@id/detail_author"
                android:layout_below="@id/detail_title"
                android:layout_marginLeft="10dp"
                android:layout_toRightOf="@id/detail_author"
                android:text="09-08 11:03"
                android:textColor="@color/hui"
                android:textSize="10dp"
                android:typeface="monospace" />
        </RelativeLayout>

        <ImageView
            android:id="@+id/detail_div"
            android:layout_width="fill_parent"
            android:layout_height="0.1dp"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="5dp"
            android:background="@color/gray"
            android:paddingTop="5dp" />

        <TextView
            android:id="@+id/detail_new"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="5dp"
            android:text="   这里就是新就闻的正文了这里这里这里就是新闻的正文了是这里就是新闻的正文了是这里就是新闻的正文了是就是新闻的正文了是这里就是新闻的正文了是这里就是新闻的正文了是这里就是新闻的正文了是这里就是新闻的正文了是新闻的正文是新闻的正文这里就是新闻的正文了这里就是新闻正文了这里就是新闻的正文了这里就是新闻的正文了这里就是新闻的正文了这里就是新闻的正文了"
            android:textSize="13sp"
            android:typeface="monospace" />

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="5dp" >

            <Button
                android:id="@+id/detail_new_end_div"
                android:layout_width="fill_parent"
                android:layout_height="15dp"
                android:background="@color/gray"
                android:text="点击查看原文"
                android:textSize="8sp" />

            <ImageButton
                android:id="@+id/detail_ding"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/detail_new_end_div"
                android:layout_marginLeft="30dp"
                android:layout_marginTop="10dp"
                android:background="@drawable/listpage_more_good_selected"
                android:text="152" />

            <TextView
                android:id="@+id/detail_ding_count"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@id/detail_ding"
                android:layout_marginLeft="3dp"
                android:layout_toRightOf="@id/detail_ding"
                android:text="110"
                android:textSize="10sp" />

            <ImageButton
                android:id="@+id/detail_dao"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@id/detail_ding"
                android:layout_marginLeft="180dp"
                android:layout_toRightOf="@id/detail_ding_count"
                android:background="@drawable/listpage_more_bad_normal_night"
                android:text="152" />

            <TextView
                android:id="@+id/detail_dao_count"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@id/detail_ding"
                android:layout_marginLeft="3dp"
                android:layout_toRightOf="@id/detail_dao"
                android:text="110"
                android:textSize="10sp" />
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/detail_xiangguan"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="5dp" >

            <TextView
                android:id="@+id/detail_xiangguan_header"
                android:layout_width="4dp"
                android:layout_height="13dp"
                android:background="@color/select_category" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="13dp"
                android:layout_toRightOf="@id/detail_xiangguan_header"
                android:background="@color/gray"
                android:paddingLeft="3dp"
                android:text="相关推荐"
                android:textSize="11sp" />

            <TextView
                android:id="@+id/detail_xiangugan_1"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/detail_xiangguan_header"
                android:layout_marginLeft="6dp"
                android:layout_marginTop="3dp"
                android:text="男子患重病怕连累矮人跳崖 爱人背他千里打工"
                android:textSize="13sp" />

            <ImageView
                android:id="@+id/detail_div1"
                android:layout_width="fill_parent"
                android:layout_height="0.1dp"
                android:layout_below="@id/detail_xiangugan_1"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="10dp"
                android:background="@color/gray"
                android:paddingTop="5dp" />

            <TextView
                android:id="@+id/detail_xiangugan_2"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/detail_div1"
                android:layout_marginLeft="6dp"
                android:layout_marginTop="3dp"
                android:text="男子患重病怕连累矮人跳崖 爱人背他千里打工"
                android:textSize="13sp" />

            <ImageView
                android:id="@+id/detail_div2"
                android:layout_width="fill_parent"
                android:layout_height="0.1dp"
                android:layout_below="@id/detail_xiangugan_2"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="10dp"
                android:background="@color/gray"
                android:paddingTop="5dp" />

            <TextView
                android:id="@+id/detail_xiangugan_3"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/detail_div2"
                android:layout_marginLeft="6dp"
                android:layout_marginTop="3dp"
                android:text="男子患重病怕连累矮人跳崖 爱人背他千里打工"
                android:textSize="13sp" />

            <ImageView
                android:id="@+id/detail_div3"
                android:layout_width="fill_parent"
                android:layout_height="0.1dp"
                android:layout_below="@id/detail_xiangugan_3"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="10dp"
                android:background="@color/gray"
                android:paddingTop="5dp" />

            <TextView
                android:id="@+id/detail_xiangugan_4"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/detail_div3"
                android:layout_marginLeft="6dp"
                android:layout_marginTop="3dp"
                android:text="男子患重病怕连累矮人跳崖 爱人背他千里打工"
                android:textSize="13sp" />
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/detail_pinglun"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="5dp" >

            <TextView
                android:id="@+id/detail_pinglun_header"
                android:layout_width="4dp"
                android:layout_height="13dp"
                android:background="@color/select_category" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="13dp"
                android:layout_toRightOf="@id/detail_pinglun_header"
                android:background="@color/gray"
                android:paddingLeft="3dp"
                android:text="热门评论"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/detail_pinglun_1"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/detail_pinglun_header"
                android:layout_marginLeft="6dp"
                android:layout_marginTop="3dp"
                android:text="傻逼楼主..."
                android:textSize="13sp" />

            <TextView
                android:id="@+id/detail_pinglun_2"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/detail_pinglun_1"
                android:layout_marginLeft="6dp"
                android:layout_marginTop="3dp"
                android:text="向英雄致敬"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/detail_pinglun_3"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/detail_pinglun_2"
                android:layout_marginLeft="6dp"
                android:layout_marginTop="3dp"
                android:text="雄起"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/detail_pinglun_4"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/detail_pinglun_3"
                android:layout_marginLeft="6dp"
                android:layout_marginTop="3dp"
                android:text="致敬是种态度"
                android:textSize="13sp" />
        </RelativeLayout>
    </LinearLayout>

</ScrollView>