如何获得如图所示的布局

时间:2014-06-06 08:00:00

标签: android android-layout

`

<RelativeLayout
    android:id="@+id/relativeLayout1"
    android:layout_width="fill_parent"
    android:layout_height="40dp" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:paddingLeft="0dp"
        android:src="@drawable/top_red_bar" />

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/job_bar" />
</RelativeLayout>

<ImageView
    android:id="@+id/imageView5"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:layout_alignParentLeft="true"
    android:layout_centerVertical="true"
    android:layout_marginLeft="24dp"
    android:src="@drawable/jobseekers" />

<RelativeLayout
    android:id="@+id/relativeLayout2"
    android:layout_width="fill_parent"
    android:layout_height="40dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_marginTop="60dp" >
</RelativeLayout>

<ImageView
    android:id="@+id/imageView4"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/imageView5"
    android:layout_alignParentLeft="true"
    android:paddingLeft="0dp"
    android:src="@drawable/button" />

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/imageView5"
    android:layout_centerHorizontal="true"
    android:text="Job Seekers"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:textColor="#ffffff"
    android:textStyle="bold" />

<RelativeLayout
    android:id="@+id/relativeLayout2"
    android:layout_width="fill_parent"
    android:layout_height="40dp"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/textView1" >
</RelativeLayout>

<ImageView
    android:id="@+id/imageView6"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:layout_above="@+id/imageView5"
    android:layout_alignLeft="@+id/imageView5"
    android:src="@drawable/employer" />

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:src="@drawable/button" />

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="40dp"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/relativeLayout2"
    android:orientation="vertical" >
</LinearLayout>

enter image description here

上面给出的代码用于创建图像中提到的类似布局。但是Imageview没有触及屏幕顶部。我应该将什么参数应用于imageview,以便将其放在屏幕顶部。 即使在给出宽度参数为fill_parent之后,图像的宽度也不适合屏幕。任何人都可以帮助设置它。

1 个答案:

答案 0 :(得分:0)

请删除以下内容:

Padding

默认情况下,删除为您的布局设置的android:padding属性。

<RelativeLayout 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: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=".MainActivity" >