《『若水新闻』客户端开发教程》——06.设计新闻内容UI

本节课主要讲解新闻客户端设计新闻内容界面的设计思路。
主要把一些基本的组件按照需求进行组合。

效果图 

 

课程下载

下载地址：http://115.com/file/e77sp42i

 

关键代码

 

<RelativeLayout
        android:id="@id/newsdetails_titlebar_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/titlebar_background"
        >
        <Button
            android:id="@id/newsdetails_titlebar_previous"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="7.0dip"
            android:layout_marginLeft="5.0dip"
            android:layout_alignParentLeft="true" 
            android:background="@drawable/newsdetails_title_previous_btn_selector"
            android:textSize="14.0sp"
            android:textStyle="bold"
            />
        <TextView
            android:id="@id/newsdetails_titlebar_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="15.0dip"
            android:layout_marginTop="10.0dip" 
            android:layout_toRightOf="@id/newsdetails_titlebar_previous"
            android:textSize="18.0sp"
            android:textColor="@color/white"
            android:text="国内"
            />
        <Button
            android:id="@id/newsdetails_titlebar_next"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="7.0dip"
            android:layout_marginRight="5.0dip"
            android:layout_alignParentRight="true" 
            android:background="@drawable/newsdetails_title_next_btn_selector"
            />
        <Button
            android:id="@id/newsdetails_titlebar_comments"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_marginRight="50.0dip"
            android:layout_marginTop="9.0dip"
            android:background="@drawable/newsdetails_titlebar_comments_background"
            android:textColor="@color/white"
            android:text="0跟帖"
            />
    </RelativeLayout>