Android 类似Twitter的用户界面

我正试图开发一个类似Twitter的界面，但请查看图片，看看它是怎样的，应该是怎样的。我不知道该怎么办。检查我的应用程序，滚动显示在白色框内和Twitter外

图片：

我的所有xml和样式：

布局/dashboard.xml（主）

布局/动作\u bar.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/actionBar" >

<ImageView style="@style/actionBarLogo"/>

</LinearLayout>

layout/events.xml

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

<ListView
    android:id="@+id/events"
    style="@style/listView"/>

</LinearLayout>

布局/事件\u项

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="8dip">

    <LinearLayout 
        android:id="@+id/thumbnail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="6dip"
        android:background="#FFFFFF">

        <ImageView 
            android:id="@+id/thumbnail_image"
            android:layout_width="50dip"
            android:layout_height="50dip"
            android:src="@drawable/uerj"/>

    </LinearLayout>

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/thumbnail"
        android:layout_toRightOf="@+id/thumbnail"
        android:layout_marginTop="1dip"
        android:text="Event"
        android:textColor="#000000"
        android:textSize="13dip"
        android:textStyle="bold"
        android:typeface="monospace" />

    <TextView
        android:id="@+id/locale"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/title"
        android:layout_marginLeft="1dip"
        android:layout_centerVertical="true"
        android:text="Locale"
        android:textColor="#000000"
        android:textSize="10dip" />

    <TextView 
        android:id="@+id/date"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@id/title"
        android:gravity="right"
        android:layout_marginRight="6dip"
        android:textSize="8dip"
        android:text="Date"
        android:textColor="#000000"/>

</RelativeLayout>

values/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="dashboard">
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">fill_parent</item>
        <item name="android:orientation">vertical</item>
        <item name="android:background">#E4E4E4</item>
    </style>

<style name="actionBar">
    <item name="android:layout_width">fill_parent</item>
    <item name="android:layout_height">45dp</item>
    <item name="android:orientation">horizontal</item>
    <item name="android:background">@drawable/action_bar_background</item>
    <item name="android:layout_alignParentTop">true</item>
</style>

<style name="actionBarLogo">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_height">fill_parent</item>
    <item name="android:paddingTop">1dip</item>
    <item name="android:paddingLeft">8dip</item>
    <item name="android:scaleType">center</item>
    <item name="android:clickable">false</item>
    <item name="android:contentDescription">Action Bar Logo</item>
    <item name="android:src">@drawable/action_bar_logo</item>
</style>

<style name="content">
    <item name="android:layout_marginTop">8dp</item>
    <item name="android:layout_marginLeft">8dp</item>
    <item name="android:layout_marginRight">8dp</item>
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:background">#FFFFFF</item>
</style>

<style name="listView">
    <item name="android:layout_marginTop">8dp</item>
    <item name="android:layout_marginLeft">8dp</item>
    <item name="android:layout_marginRight">8dp</item>
    <item name="android:layout_width">fill_parent</item>
    <item name="android:layout_height">wrap_content</item>
        <item name="android:divider">#ECECEC</item>
        <item name="android:dividerHeight">1dp</item>
        <item name="android:cacheColorHint">#00000000</item>
        <item name="android:background">@drawable/content</item>
    </style>

</resources>

填补家长的空缺
填补家长的空缺
垂直的
#E4
填补家长的空缺
45dp
水平的
@可绘制/动作条\背景
真的
包装内容
填补家长的空缺
1dip
8dip
居中
假的
行动吧标志
@可拉拔/动作条标志
8dp
8dp
8dp
填补家长的空缺
包装内容
#FFFFFF
8dp
8dp
8dp
填补家长的空缺
包装内容
#ECECEC
1dp
#00000000
@可绘制/内容

可绘制/action\u bar\u background.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <gradient
                android:angle="90"
                android:startColor="#1E69A0"
                android:endColor="#5FAFE6"
                android:type="linear" />
        </shape>
    </item>
</selector>

drawable/content.xml

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"> 

    <solid
        android:color="#FFFFFF"/>

    <stroke
        android:width="1px"
        android:color="#C6C6C6"/>

    <padding
        android:left="1dp"
        android:top="1dp"
        android:right="1dp"
        android:bottom="1dp"/> 

    <corners
        android:radius="4dp"/> 

</shape>

或

什么也没发生。还有一件事，我可能得改变布局结构，你明白我说的卷轴吗？在我的应用程序中，只有白框滚动条内的内容，在Twitter应用程序中，整个白框滚动条内的内容，我如何才能做到这一点？谢谢你的回答。应该是这样的，你两个都试过了吗？您还可以将listview包装成一个额外的线性布局，您不需要这样做。我只需将actionbar更改为相对布局，然后使用下面的。但是现在，我怎么能像推特一样把这个列表包装在一个白色的盒子里呢？我已经做了，但是当你滚动时，只有框内的内容滚动，而不是整个框…=/我该怎么做？谢谢

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"> 

    <solid
        android:color="#FFFFFF"/>

    <stroke
        android:width="1px"
        android:color="#C6C6C6"/>

    <padding
        android:left="1dp"
        android:top="1dp"
        android:right="1dp"
        android:bottom="1dp"/> 

    <corners
        android:radius="4dp"/> 

</shape>

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/dashboard" >

    <include
        android:id="@+id/actionBar"
        layout="@layout/action_bar"/>

    <include
        android:layout_below="@id/actionBar"
        layout="@layout/events"/>

</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/dashboard" 
    android:orientation="portrait">

    <include
        layout="@layout/action_bar"/>

    <include
        layout="@layout/events"/>

</LinearLayout>