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

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

效果图 

《『若水新闻』客户端开发教程》——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>

 

 

 

你可能感兴趣的:(客户端)