How could I do a special round corner shape for ImageView/FrameLayout?
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
imageview android-imageview rounded-corners framelayout android-framelayout
add a comment |
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
imageview android-imageview rounded-corners framelayout android-framelayout
add a comment |
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
imageview android-imageview rounded-corners framelayout android-framelayout
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
imageview android-imageview rounded-corners framelayout android-framelayout
imageview android-imageview rounded-corners framelayout android-framelayout
asked Nov 19 '18 at 10:58
TranquilloTranquillo
456
456
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
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>
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',
autoActivateHeartbeat: false,
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
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
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
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>
add a comment |
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>
add a comment |
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>
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 Nov 19 '18 at 14:23
TranquilloTranquillo
456
456
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
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
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown