7

私はこのようにbackground画像を設定していLinearLayoutます：

1.back_xml: 

<?xml version="1.0" encoding="UTF-8"?>
  <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
       <item android:drawable="@drawable/back" >
        </item>
    <item>
        <shape>
            <solid/>
            <stroke android:width="1dip" android:color="#225786" />
            <corners android:radius="10dip"/>
            <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
        </shape>
    </item>

2.タイル.xml

    <bitmap xmlns:android="http://schemas.android.com/apk/res/android"
        android:src="@drawable/pie_chart_background"
        android:tileMode="repeat">
    </bitmap>

今、私はback.xmlを正常に動作するように設定backgroundしLinearLayoutています。

image角が丸く、境界線も必要です。しかし、角が丸くなっている境界線だけがあり、画像はありません。

これは私のイメージがどのように見えるかです:

ここに画像の説明を入力

4

6 に答える 6

1

角が丸い画像と組み合わせて形状を使用します。

AndroidQueryを使用して、角が丸い画像を読み込むことができます。http://code.google.com/p/android-query/wiki/ImageLoading#Rounded_Cornerを参照してください

String url ="http://www.vikispot.com/z/images/vikispot/android-w.png";
ImageOptions options = new ImageOptions(); 
options.round = 15;
aq.id(R.id.image).image(url, options);
于 2013-01-23T09:59:32.113 に答える
1

Rajが投稿したものの別の代替手段は、隅に透明度のある背景画像を使用することです。

背景が単純であるため、最良の解決策は9パッチを使用することです。これは、背景画像の大部分に対するAndroidネイティブの解決策です：http：//developer.android.com/guide/topics/graphics/2d- graphics.html＃nine-patch。これは、一部のWebサイトの背景の描画方法とスタイルが似ています。

Androidには、sdkにバンドルされた独自の9パッチクリエーターもあります：http：//developer.android.com/tools/help/draw9patch.htmlので、独自のpngファイルを編集してから、9パッチをに適​​用するのは簡単です。レイアウト。9パッチの利点は、UIのサイズ変更も処理できることです。つまり、さまざまな画面でアプリを使用するときに、それほど多くの問題が発生することはありません。

于 2013-01-23T09:42:57.917 に答える
1

解決策 1

  1. ボーダー用の 9 パッチ イメージを作成します。画像の中央は透明にする必要があります。

  2. 親として RelativeLayout を使用し、画像 LinearLayout を下部に配置します。ボーダー 9 パッチを背景として別の線形レイアウトに設定し、画像 LinearLayout の上に配置します。その後、コーナーをカバーし、期待される結果が得られます。

解決策 2

public static Bitmap getRoundedCornerBitmap(Bitmap bitmap) {
Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),
    bitmap.getHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(output);

final int color = 0xff424242;
final Paint paint = new Paint();
final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
final RectF rectF = new RectF(rect);
final float roundPx = 12;

paint.setAntiAlias(true);
canvas.drawARGB(0, 0, 0, 0);
paint.setColor(color);
canvas.drawRoundRect(rectF, roundPx, roundPx, paint);

paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
canvas.drawBitmap(bitmap, rect, rect, paint);

return output;

}
于 2013-01-23T09:45:52.250 に答える
1

長方形の背景画像を与える代わりに、このような back.xml を試してください。

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
   <item android:drawable="#ff00ff >
    </item>
 <item>
    <shape android:shape="rectangle" >
        <solid/>
        <stroke android:width="1dip" android:color="#225786" />
        <corners android:radius="10dip"/>
        <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
    </shape>
  </item>
于 2013-01-23T09:38:35.323 に答える
1

このようにすれば良かったと思います。

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
<item>
    <shape>
        <solid android:color="@color/back" />
        <stroke android:width="1dip" android:color="#225786" />
        <corners android:radius="10dip"/>
        <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
    </shape>
</item>

背景が色ではなくビットマップである場合は、この美しいガイド http://www.curious-creature.org/2012/12/11/android-recipe-1-image-with-rounded-cornersに従う必要があります/

于 2013-01-23T12:05:32.087 に答える