BackgroundImage repeat + rounded corners

Question

So I should display a schedule, where every item has a background image with rounded corners...

I can't find out how to give my view (currently a TextView but I could change that) a background (which is a pattern that has to be repeated) and give it rounded corners...

All I can find is how to give rounded corners with a solid background color...

Could anyone help out?

EDIT: backgroundimage looks like this http://www.photoshop-pack.com/tutorials/images/1145.gif

A background image with rounded corners: not all items on the schedule have the same length

Left corners + main bg + Right corners: bg should repeat so the right corners wouldnt lineup with the center bg

I think I answered this same question [here][1]. [1]: http://stackoverflow.com/a/15148400/714249 — Splash, Mar 01 '13 at 00:39

Aditya · Answer 1 · 2012-03-28T11:04:04.460

3

Some thing similar to

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center_horizontal"
    >
<LinearLayout 
     android:padding="4dip"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/list_bkg_rounded"
    android:gravity="center_horizontal"
    >
<TextView  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="hello all how are you ? "
    android:background="@drawable/back_repeat"
    />
</LinearLayout>  
</LinearLayout>

I got something like this rounded pattern

edited Mar 28 '12 at 11:04

answered Mar 28 '12 at 10:47

Aditya

389
2
4

1

here list_bkg_rounded is an xml which draws rounded corners – Aditya Mar 28 '12 at 10:48
I keep getting: requires a valid src attribute... Refreshed, cleaned, removed image, added again,... nothing works any idea? – Ferdau Mar 28 '12 at 13:41
did u add in u r XML file ? – Aditya Mar 28 '12 at 14:15
Yes copied it all... Weird, but it's alright will use squares instead of rounded corners.. Thanks for your time!!! – Ferdau Mar 28 '12 at 14:23

score 1 · Answer 2 · answered Mar 28 '12 at 14:12

let me post my code here I have back_repeat.xml in drawable folder

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

and repeat.gif in drawable folder which is backgroundimage from u r link.

also list_bkg_rounded.xml in drawable folder which is rounded border

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> 
     <stroke android:width="1dp" android:color="#fc9700"/>
     <corners android:bottomRightRadius="10dp" android:bottomLeftRadius="10dp" 
     android:topLeftRadius="10dp" android:topRightRadius="10dp"/> 
     <solid android:color="#fc9700"/>
 </shape>

and my main.xml is

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center_horizontal"
    >
<LinearLayout 
     android:padding="4dip"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/list_bkg_rounded"
    android:gravity="center_horizontal"
    >
<TextView  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="hello all how are you ? "
    android:background="@drawable/back_repeat"
    />
</LinearLayout>  
</LinearLayout>

Will try this out in the morning, can't see alot of difference with my code but you'll never know... Thanks! — Ferdau, Mar 28 '12 at 14:24

score 0 · Answer 3 · edited Jun 20 '20 at 09:12

0

A background image with rounded corners: not all items on the schedule have the same length

Left corners + main bg + Right corners: bg should repeat so the right corners wouldnt lineup with the center bg

can u post layout image ?

edited Jun 20 '20 at 09:12

Community

1
1

answered Mar 28 '12 at 09:29

Aditya

389
2
4

See edit: background image looks like http://www.photoshop-pack.com/tutorials/images/1145.gif – Ferdau Mar 28 '12 at 09:55
create a xml like following http://androidforbeginners.blogspot.in/2010/06/how-to-tile-background-image-in-android.html check this link http://androidforbeginners.blogspot.in/2010/06/how-to-tile-background-image-in-android.html – Aditya Mar 28 '12 at 10:09
1

And what about the rounded corners? (thanks in advance) I know how to set a background+repeat it just rounded corners are a pain in the ass! – Ferdau Mar 28 '12 at 10:24
try adding another Linear Layout which will hold the above – Aditya Mar 28 '12 at 10:45

BackgroundImage repeat + rounded corners

3 Answers3