2014-06-06 36 views
0

`如何獲得此佈局如圖圖像

<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> 

上面做的目的是創建類似的佈局,在image.But ImageView的提及不接觸頂部給出

enter image description here

代碼的屏幕。我應該將什麼參數應用於imageview,以便它放置在屏幕的頂部。 即使在給出寬度參數爲fill_parent之後,圖像的寬度也不適合屏幕。任何人都可以幫助設置正確。

+0

嘗試設置機器人:scaleType =「centerCrop」 – Ayoub

+0

,您對ImageView的值還取決於你使用的佈局包裝...你使用哪一種? –

+0

@ChrisConway NO ...它取決於**填充**。他說:「圖像不接觸邊界」。這與容器有什麼關係? –

回答

0

請刪除以下內容:

Padding

刪除了android:你的佈局默認情況下,通過Eclipse中設置填充屬性。

<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" >