Fatal编程技术网
  • android/
  • Android 使我的布局更美观

Android 使我的布局更美观

android android-layout

Android 使我的布局更美观,android,android-layout,Android,Android Layout,我正在寻找基于我目前拥有的设计、外观和感觉建议-这很难看： 它基本上是一个列表视图： * 这对眼睛来说显然很难，所以我希望我能得到一些很棒的主意，如何让它更让用户享受，并让它看起来更性感 根据数据的不同，每一行可能会有所不同，因此我需要它们的原样，或者用另一种方式来表示当前处于红色、黄色和绿色三种不同状态的传入数据 为了搜索如何操作，我将这种类型的元素称为什么 希望这能让设计思路顺畅： thx再进行两次线性布局，而不是直接将左侧和右侧文本视图作为直接子对象，并设置权重，该权重可以像标签一样显示

我正在寻找基于我目前拥有的设计、外观和感觉建议-这很难看：

它基本上是一个列表视图： *

这对眼睛来说显然很难，所以我希望我能得到一些很棒的主意，如何让它更让用户享受，并让它看起来更性感

根据数据的不同，每一行可能会有所不同，因此我需要它们的原样，或者用另一种方式来表示当前处于红色、黄色和绿色三种不同状态的传入数据

为了搜索如何操作，我将这种类型的元素称为什么

希望这能让设计思路顺畅：
thx

再进行两次线性布局，而不是直接将左侧和右侧文本视图作为直接子对象，并设置权重，该权重可以像标签一样显示左侧，像值对数据一样显示右侧：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center">

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.30">
        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/news_name_placeholder"
            style="?android:attr/listSeparatorTextViewStyle"
            android:textAppearance="?android:attr/textAppearanceMedium" />
        </LinearLayout>
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.70"
        android:layout_marginLeft="5dp">
        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/news_date_placeholder"
            style="?android:attr/listSeparatorTextViewStyle"
            android:textAppearance="?android:attr/textAppearanceMedium" />
    </LinearLayout>
</LinearLayout>
将项目LinearLayout Orientation更改为vertical，因为单行不足以放置您的信息。更改两个文本视图的文本大小，我认为textView1必须大于textView2

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" 
    android:orientation="vertical">
    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="@string/news_name_placeholder"
        style="?android:attr/listSeparatorTextViewStyle"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="match_parent"
        android:layout_marginTop="5dp"
        android:layout_height="wrap_content"
        android:text="@string/news_date_placeholder"      
        android:gravity="left"
        style="?android:attr/listSeparatorTextViewStyle"
        android:textAppearance="?android:attr/textAppearanceSmall" /> 
</LinearLayout>
我已经决定从头开始做一些东西，你可以在上面构建，你想要在截图中实现的期望外观是专业的，并且很难获得来源/制作

这是我得到的，尽管改变了文字的颜色，让人们的眼睛流血，但你可以在侧面用一种颜色来表示状态，我猜就是这样

截图1： 顶部栏固定在顶部，下面显示事件及其相应的优先级/状态

截图2： 顶部栏位于顶部，允许您向下滚动以查看所有事件

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#F7C26D"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.testdesignapp.MainActivity" 
android:orientation="vertical">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="10dp"
    android:background="#eda737"
    android:gravity="top"
    android:orientation="horizontal"
    android:padding="5dp" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Top bar " />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Non scrolling " />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="If needed" />

</LinearLayout>

<ScrollView

    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

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

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/green" />

            <TextView
                android:id="@+id/textView4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView1"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView4"
                android:layout_below="@+id/textView4"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/yellow" />

            <TextView
                android:id="@+id/textView6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView2"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView6"
                android:layout_below="@+id/textView6"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/red" />

            <TextView
                android:id="@+id/textView8"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView3"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView9"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView8"
                android:layout_below="@+id/textView8"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/green" />

            <TextView
                android:id="@+id/textView10"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView4"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView11"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView10"
                android:layout_below="@+id/textView10"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/yellow" />

            <TextView
                android:id="@+id/textView12"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView5"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView13"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView12"
                android:layout_below="@+id/textView12"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/red" />

            <TextView
                android:id="@+id/textView14"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView7"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView15"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView14"
                android:layout_below="@+id/textView14"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView8"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/green" />

            <TextView
                android:id="@+id/textView16"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView8"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView17"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView16"
                android:layout_below="@+id/textView16"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView9"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/yellow" />

            <TextView
                android:id="@+id/textView18"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView9"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView19"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView18"
                android:layout_below="@+id/textView18"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView10"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/red" />

            <TextView
                android:id="@+id/textView20"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView10"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView21"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView20"
                android:layout_below="@+id/textView20"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

    </LinearLayout>

</ScrollView>
我使用的3个图像可以生成绿色、黄色和红色

希望我能帮忙，祝你好运

马库斯

不要使用分散眼睛注意力的颜色。。。使用简单的颜色和简单的视图进行更有效的布局将颜色更改为@Prag的シ 说，看看这里：我在想这样的事情：如果我能让顶部的灰色部分包含时间，蓝色部分包含细节，我想那会很好吗？有人能建议怎么做吗？thx，这是一个好的开始，我也在寻找关于文本本身、字体、颜色、背景、特效的建议？任何有助于它看起来非常好的东西，thx：没问题，希望你能利用它或至少使用某些部分：我已经从你的布局中剥离了复制品，因为我正在使用适配器动态膨胀它们，出于某种原因，当我这样做时，包括标题布局，我得到了以下填充，每个布局都是包装内容，要使橙色一直延续到最后，请为每个RelativeLayouts设置android:layout\u width以匹配父对象：编辑：如果已经设置了match\u父对象，请尝试对每个文本视图执行相同的操作，如果不起作用，请尝试分别为每个RelativeLayouts设置背景色。我想我已经做到了，thx给你：只需要更好地对齐图标，也许可以添加一些更性感的触感。。thx再次：我很高兴它的工作；这里有两个我在photoshop中放在一起的快速想法，如果我的原始回复+评论回答了你的问题，那么可以随意将其标记为完整，这将为你节省一些空间。祝你好运！ 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#F7C26D"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.testdesignapp.MainActivity" 
android:orientation="vertical">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="10dp"
    android:background="#eda737"
    android:gravity="top"
    android:orientation="horizontal"
    android:padding="5dp" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Top bar " />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Non scrolling " />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="If needed" />

</LinearLayout>

<ScrollView

    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

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

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/green" />

            <TextView
                android:id="@+id/textView4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView1"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView4"
                android:layout_below="@+id/textView4"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/yellow" />

            <TextView
                android:id="@+id/textView6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView2"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView6"
                android:layout_below="@+id/textView6"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/red" />

            <TextView
                android:id="@+id/textView8"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView3"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView9"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView8"
                android:layout_below="@+id/textView8"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/green" />

            <TextView
                android:id="@+id/textView10"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView4"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView11"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView10"
                android:layout_below="@+id/textView10"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/yellow" />

            <TextView
                android:id="@+id/textView12"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView5"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView13"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView12"
                android:layout_below="@+id/textView12"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/red" />

            <TextView
                android:id="@+id/textView14"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView7"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView15"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView14"
                android:layout_below="@+id/textView14"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView8"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/green" />

            <TextView
                android:id="@+id/textView16"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView8"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView17"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView16"
                android:layout_below="@+id/textView16"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView9"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/yellow" />

            <TextView
                android:id="@+id/textView18"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView9"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView19"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView18"
                android:layout_below="@+id/textView18"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageView10"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/red" />

            <TextView
                android:id="@+id/textView20"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="5dp"
                android:layout_marginTop="10dp"
                android:layout_toRightOf="@id/imageView10"
                android:text="Spanish unemployment change 19:00"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/textView21"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView20"
                android:layout_below="@+id/textView20"
                android:text="This could be extra detail about the event, such as the date 02-12-2014 19:00 GMT."
                android:textColor="#595959"
                android:textSize="12sp" />

        </RelativeLayout>

    </LinearLayout>

</ScrollView>