《『若水新闻』客户端开发教程》——05.设计新闻列表UI

本节课主要讲解新闻客户端新闻列表界面的设计思路。

使用到的控件为ListView。

效果图

 

 

 

课程下载

 

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

关键代码

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@id/main_layout"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/main_background"
    >
    <RelativeLayout
        android:id="@id/titlebar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/titlebar_background"
        >
        <TextView
            android:id="@id/titlebar_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8.0dip"
            android:layout_marginLeft="15.0dip"
            android:textAppearance="@style/titlebar_title_style"
            android:text="@string/app_name"/>
        <Button
            android:id="@id/titlebar_refresh"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/titlebar_btn_refresh_selector"
            android:layout_marginTop="7.0dip"
            android:layout_marginRight="14.0dip"
            android:layout_alignParentRight="true"
            />
    </RelativeLayout>
    <ListView 
        android:id="@+id/newslist" 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:listSelector="@drawable/newslist_item_selector"
        android:cacheColorHint="#00000000" 
        android:divider="@drawable/list_separator_line"
        />
</LinearLayout>