How could I do a special round corner shape for ImageView/FrameLayout?

up vote
0
down vote

favorite

As you can see here I try to make round corners for my FrameLayout.
Here is my rounded_shape.xml shape:

<?xml version="1.0" encoding="UTF-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

       android:shape="rectangle">

    <solid android:color="@android:color/transparent"/>

    <stroke android:width="@dimen/margin"

            android:color="@color/colorBackground"/>

    <corners android:radius="24dp" />

</shape>

which looks then so:
rounded_shape.xml Preview

When I do in my code:
frameLayout.setBackground(new BitmapDrawable(getResources(), bitmapPhoto.bitmap)); frameLayout.setForeground(getResources().getDrawable(R.drawable.rounded_shape));
it will look like this:
result on app

You can see the black edges through the rounded corners.

How can I do a shape like this:
where the the edges are rounded and the black parts are gone already

asked 2 days ago

Muratha

add a comment |

up vote
0
down vote

favorite

As you can see here I try to make round corners for my FrameLayout.
Here is my rounded_shape.xml shape:

<?xml version="1.0" encoding="UTF-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

       android:shape="rectangle">

    <solid android:color="@android:color/transparent"/>

    <stroke android:width="@dimen/margin"

            android:color="@color/colorBackground"/>

    <corners android:radius="24dp" />

</shape>

which looks then so:
rounded_shape.xml Preview

You can see the black edges through the rounded corners.

How can I do a shape like this:
where the the edges are rounded and the black parts are gone already

asked 2 days ago

Muratha

add a comment |

up vote
0
down vote

favorite

As you can see here I try to make round corners for my FrameLayout.
Here is my rounded_shape.xml shape:

<?xml version="1.0" encoding="UTF-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

       android:shape="rectangle">

    <solid android:color="@android:color/transparent"/>

    <stroke android:width="@dimen/margin"

            android:color="@color/colorBackground"/>

    <corners android:radius="24dp" />

</shape>

which looks then so:
rounded_shape.xml Preview

You can see the black edges through the rounded corners.

How can I do a shape like this:
where the the edges are rounded and the black parts are gone already

asked 2 days ago

Muratha

As you can see here I try to make round corners for my FrameLayout.
Here is my rounded_shape.xml shape:

<?xml version="1.0" encoding="UTF-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

       android:shape="rectangle">

    <solid android:color="@android:color/transparent"/>

    <stroke android:width="@dimen/margin"

            android:color="@color/colorBackground"/>

    <corners android:radius="24dp" />

</shape>

which looks then so:
rounded_shape.xml Preview

You can see the black edges through the rounded corners.

How can I do a shape like this:
where the the edges are rounded and the black parts are gone already

imageview android-imageview rounded-corners framelayout android-framelayout

asked 2 days ago

Muratha

asked 2 days ago

Muratha

asked 2 days ago

Muratha

asked 2 days ago

Muratha

asked 2 days ago

Muratha

add a comment |

1 Answer
1

active

oldest

votes

up vote
0
down vote

I did two shapes parallel.

One shape with round corners, doing the inner corner round.

One shape with pointed corners, doing the outer corner sharp

All structed in a layer-list as you can see in the following:

<?xml version="1.0" encoding="UTF-8"?>

<layer-list>

    <item>

        <shape xmlns:android="http://schemas.android.com/apk/res/android"

            android:shape="rectangle">

            <solid android:color="@android:color/transparent" />

            <stroke

                android:width="@dimen/margin"

                android:color="@color/color" />

            <corners android:radius="24dp" />

        </shape>

    </item>

    <item>

        <shape xmlns:android="http://schemas.android.com/apk/res/android"

            android:shape="rectangle">

            <solid android:color="@android:color/transparent" />

            <stroke

                android:width="@dimen/margin"

                android:color="@color/color" />

        </shape>

    </item>

</layer-list>

answered 2 days ago

Muratha

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53373160%2fhow-could-i-do-a-special-round-corner-shape-for-imageview-framelayout%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

up vote
0
down vote

I did two shapes parallel.

One shape with round corners, doing the inner corner round.

One shape with pointed corners, doing the outer corner sharp

All structed in a layer-list as you can see in the following:

<?xml version="1.0" encoding="UTF-8"?>

<layer-list>

    <item>

        <shape xmlns:android="http://schemas.android.com/apk/res/android"

            android:shape="rectangle">

            <solid android:color="@android:color/transparent" />

            <stroke

                android:width="@dimen/margin"

                android:color="@color/color" />

            <corners android:radius="24dp" />

        </shape>

    </item>

    <item>

        <shape xmlns:android="http://schemas.android.com/apk/res/android"

            android:shape="rectangle">

            <solid android:color="@android:color/transparent" />

            <stroke

                android:width="@dimen/margin"

                android:color="@color/color" />

        </shape>

    </item>

</layer-list>

answered 2 days ago

Muratha

add a comment |

up vote
0
down vote

I did two shapes parallel.

One shape with round corners, doing the inner corner round.

One shape with pointed corners, doing the outer corner sharp

All structed in a layer-list as you can see in the following:

<?xml version="1.0" encoding="UTF-8"?>

<layer-list>

    <item>

        <shape xmlns:android="http://schemas.android.com/apk/res/android"

            android:shape="rectangle">

            <solid android:color="@android:color/transparent" />

            <stroke

                android:width="@dimen/margin"

                android:color="@color/color" />

            <corners android:radius="24dp" />

        </shape>

    </item>

    <item>

        <shape xmlns:android="http://schemas.android.com/apk/res/android"

            android:shape="rectangle">

            <solid android:color="@android:color/transparent" />

            <stroke

                android:width="@dimen/margin"

                android:color="@color/color" />

        </shape>

    </item>

</layer-list>

answered 2 days ago

Muratha

add a comment |

up vote
0
down vote

I did two shapes parallel.

One shape with round corners, doing the inner corner round.

One shape with pointed corners, doing the outer corner sharp

All structed in a layer-list as you can see in the following:

<?xml version="1.0" encoding="UTF-8"?>

<layer-list>

    <item>

        <shape xmlns:android="http://schemas.android.com/apk/res/android"

            android:shape="rectangle">

            <solid android:color="@android:color/transparent" />

            <stroke

                android:width="@dimen/margin"

                android:color="@color/color" />

            <corners android:radius="24dp" />

        </shape>

    </item>

    <item>

        <shape xmlns:android="http://schemas.android.com/apk/res/android"

            android:shape="rectangle">

            <solid android:color="@android:color/transparent" />

            <stroke

                android:width="@dimen/margin"

                android:color="@color/color" />

        </shape>

    </item>

</layer-list>

answered 2 days ago

Muratha

I did two shapes parallel.

One shape with round corners, doing the inner corner round.

One shape with pointed corners, doing the outer corner sharp

All structed in a layer-list as you can see in the following:

<?xml version="1.0" encoding="UTF-8"?>

<layer-list>

    <item>

        <shape xmlns:android="http://schemas.android.com/apk/res/android"

            android:shape="rectangle">

            <solid android:color="@android:color/transparent" />

            <stroke

                android:width="@dimen/margin"

                android:color="@color/color" />

            <corners android:radius="24dp" />

        </shape>

    </item>

    <item>

        <shape xmlns:android="http://schemas.android.com/apk/res/android"

            android:shape="rectangle">

            <solid android:color="@android:color/transparent" />

            <stroke

                android:width="@dimen/margin"

                android:color="@color/color" />

        </shape>

    </item>

</layer-list>

answered 2 days ago

Muratha

answered 2 days ago

Muratha

answered 2 days ago

Muratha

answered 2 days ago

Muratha

add a comment |

draft saved

draft discarded

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

Search This Blog

Ufyukyu