43

いくつかのテキスト フィールドを含むレイアウトがあり、アクティビティの上部に背景画像が表示されます。コンテンツをラップするように背景画像をスケーリングしたい (アスペクト比は気にしないでください)。ただし、画像はコンテンツよりも大きいため、レイアウトは代わりに背景画像をラップします。これが私の元のコードです:

<RelativeLayout 
    android:layout_width="fill_parent"
    android:id="@+id/HeaderList" 
    android:layout_gravity="top"
    android:layout_height="wrap_content" 
    android:background="@drawable/header">
    <TextView 
        android:layout_height="wrap_content"
        android:layout_width="wrap_content" 
        android:id="@+id/NameText"
        android:text="Jhn Doe" 
        android:textColor="#FFFFFF"
        android:textSize="30sp" 
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" 
        android:paddingLeft="4dp"
        android:paddingTop="4dp" 
    />
    <TextView 
        android:layout_height="wrap_content"
        android:layout_width="wrap_content" 
        android:textColor="#FFFFFF"
        android:layout_alignParentLeft="true"
        android:id="@+id/HoursText"
        android:text="170 hours" 
        android:textSize="23sp"
        android:layout_below="@+id/NameText" 
        android:paddingLeft="4dp" 
    />
</RelativeLayout>

他のいくつかの質問を検索した後、次の2つを見つけました。

バックグラウンドドローアブルではなくコンテンツビューをラップする方法は?

Drawable または背景画像をスケーリングしますか?

これに基づいて、背景を表示する ImageView を使用して FrameLayout を作成しました。残念ながら、私はまだそれを機能させることができません。背景画像の高さをテキストビューのサイズに合わせて縮小/拡大したいのですが、FrameLayoutを使用すると、ImageViewが親のサイズに収まり、親を合わせる方法が見つかりませんテキスト ビュー レイアウトのサイズ。更新されたコードは次のとおりです。

<FrameLayout 
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <ImageView android:src="@drawable/header"
        android:layout_width="fill_parent" 
        android:scaleType="fitXY"
        android:layout_height="fill_parent" 
        />
    <RelativeLayout 
        android:layout_width="fill_parent"
        android:id="@+id/HeaderList" 
        android:layout_gravity="top"
        android:layout_height="wrap_content"
        >
        <TextView 
            android:layout_height="wrap_content"
            android:layout_width="wrap_content" 
            android:id="@+id/NameText"
            android:text="John Doe" 
            android:textColor="#FFFFFF"
            android:textSize="30sp" 
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true" 
            android:paddingLeft="4dp"
            android:paddingTop="4dp" 
            />
        <TextView 
            android:layout_height="wrap_content"
            android:layout_width="wrap_content" 
            android:textColor="#FFFFFF"
            android:layout_alignParentLeft="true" 
            android:id="@+id/HoursText"
            android:text="170 hours" 
            android:textSize="23sp"
            android:layout_below="@+id/NameText" 
            android:paddingLeft="4dp" 
            />
    </RelativeLayout>
</FrameLayout>

レイアウトのコンテンツのサイズに合わせて画像を拡大縮小する方法について、誰か提案はありますか? 画像の縦横比は関係ありません。背景を埋めたいだけです。

ありがとう!

4

9 に答える 9

71

私は同じ問題を抱えていました(私は思う)、私が見つけた唯一の解決策はこれでした:

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

    <View
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/some_image"
        android:layout_alignTop="@+id/actual_content"
        android:layout_alignBottom="@id/actual_content"
        android:layout_alignLeft="@id/actual_content"
        android:layout_alignRight="@id/actual_content"
        />

    <LinearLayout
        android:id="@id/actual_content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        >

       <!-- more stuff ... -->

    </LinearLayout>

</RelativeLayout>
于 2013-02-05T03:29:41.313 に答える
3

このトリックを試してみてください。

  • FrameLayout (wrapcontent、wrapcontent)
    • ImageView (match parent, match parent) // その背景
    • LinearLayout (wrapcontent、wrapcontent)
      • すべてのコンテンツは、この線形レイアウトまたはその他の任意のタイプ内に配置されます。
于 2012-09-14T08:42:59.283 に答える
2

RealtiveLayoutを操作します(必須ではありませんが、FrameLayoutの代わりにandroid:scaleType = "fitXY"を使用します。imageViewをtextviewsandroid:id = "@ + id / HeaderList"を含むRealtiveLayoutに移動し、背景android:background="@の設定を解除しますこのレベルのドローアブル/ヘッダー」。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
         android:id="@+id/principal"
         android:layout_width="fill_parent"
         android:layout_height="fill_parent"
         android:background="@drawable/header" >

     <RelativeLayout 
         android:layout_width="fill_parent"
         android:id="@+id/HeaderList" 
         android:layout_gravity="top"
         android:layout_height="wrap_content" >  


         <ImageView
             android:id="@+id/backImg"
             android:layout_width="fill_parent"
             android:layout_height="fill_parent"
             android:layout_centerInParent="true"
             android:adjustViewBounds="true"
             android:background="@color/blancotransless"
             android:src="@drawable/header"
             android:scaleType="fitXY" >
         </ImageView>

             <TextView 
                 android:layout_height="wrap_content"
                 android:layout_width="wrap_content" 
                 android:id="@+id/NameText"
                 android:text="John Doe" 
                 android:textColor="#FFFFFF"
                 android:textSize="30sp" 
                 android:layout_alignParentLeft="true"
                 android:layout_alignParentTop="true" 
                 android:paddingLeft="4dp"
                 android:paddingTop="4dp" 
                 />
             <TextView 
                 android:layout_height="wrap_content"
                 android:layout_width="wrap_content" 
                 android:textColor="#FFFFFF"
                 android:layout_alignParentLeft="true" 
                 android:id="@+id/HoursText"
                 android:text="170 hours" 
                 android:textSize="23sp"
                 android:layout_below="@+id/NameText" 
                 android:paddingLeft="4dp" 
                 />
         </RelativeLayout> 
      </RelativeLayout>

多かれ少なかれそれはうまくいくはずです!

于 2012-09-10T09:13:26.850 に答える
1

描画可能なxml、たとえばmybackground.xmlを作成します

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/header"
    android:gravity="fill" />

次に、RelativeLayoutで最初のコードスニペットを使用します

android:background="@drawable/mybackground"
于 2012-04-24T17:40:19.753 に答える
0

私は試していませんが、onCreateで背景画像を動的に設定するとうまくいくかもしれません。レイアウトのサイズはすでに設定されているはずです。

于 2012-02-04T00:50:12.770 に答える
0

私は過去にこれと似たようなことをしたと思います.画像ビューで重力設定を試してみてください.

于 2011-01-22T00:58:17.360 に答える
0

最も簡単な解決策:

ic_background.xml

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

    <item android:drawable="@android:color/white" />

    <item>
        <bitmap
            android:gravity="center"
            android:src="@drawable/ic_background_image" />
    </item>

</layer-list>

& それで

android:background="@drawable/ic_background"
于 2019-11-21T12:53:18.097 に答える
-1

このコードを試してください.....

<LinearLayout 
   android:layout_width="fill_parent"
   android:id="@+id/HeaderList" 
   android:orientation="vertical"
   android:layout_gravity="top"
   android:layout_height="wrap_content" 
   android:background="@drawable/header">
<TextView 
    android:layout_height="wrap_content"
    android:layout_width="wrap_content" 
    android:id="@+id/NameText"
    android:text="Jhn Doe" 
    android:textColor="#FFFFFF"
    android:textSize="30sp" 
    android:paddingLeft="4dp"
    android:paddingTop="4dp" 
/>
<TextView 
    android:layout_height="wrap_content"
    android:layout_width="wrap_content" 
    android:textColor="#FFFFFF"
    android:id="@+id/HoursText"
    android:text="170 hours" 
    android:textSize="23sp" 
    android:paddingLeft="4dp" 
/>
</LinearLayout>
于 2012-09-01T09:35:50.620 に答える
-2

これを使用できます:

<ImageView
...
android:scaleType="fitXY"
>

それが役に立てば幸いです)))

于 2012-04-30T19:58:13.943 に答える