Android png button design issue
I've put a grey background into my layout so it's very different from white, but now there is white space within the buttons occupied space which makes everything really ugly and I'm wondering how you fix that to match your background color?
Screenshot:
The Button XML:
<Button
android:id="@+id/arrow"
android:layout_width="70dp"
android:layout_height="27dp"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@drawable/bluebtn"
android:rotation="90"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
android xml button edited Nov 18 '18 at 21:09
TylerH
15.4k105067
asked Nov 18 '18 at 19:40
KarlayKarlay
25
add a comment |
I've put a grey background into my layout so it's very different from white, but now there is white space within the buttons occupied space which makes everything really ugly and I'm wondering how you fix that to match your background color?
Screenshot:
The Button XML:
<Button
android:id="@+id/arrow"
android:layout_width="70dp"
android:layout_height="27dp"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@drawable/bluebtn"
android:rotation="90"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
edited Nov 18 '18 at 21:09
TylerH
15.4k105067
asked Nov 18 '18 at 19:40
KarlayKarlay
25
You probably want to add transparency instead of white for your graphics background
– ByteHamster
Nov 18 '18 at 21:12
add a comment |
I've put a grey background into my layout so it's very different from white, but now there is white space within the buttons occupied space which makes everything really ugly and I'm wondering how you fix that to match your background color?
Screenshot:
The Button XML:
<Button
android:id="@+id/arrow"
android:layout_width="70dp"
android:layout_height="27dp"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@drawable/bluebtn"
android:rotation="90"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
edited Nov 18 '18 at 21:09
TylerH
15.4k105067
asked Nov 18 '18 at 19:40
KarlayKarlay
25
I've put a grey background into my layout so it's very different from white, but now there is white space within the buttons occupied space which makes everything really ugly and I'm wondering how you fix that to match your background color?
Screenshot:
The Button XML:
<Button
android:id="@+id/arrow"
android:layout_width="70dp"
android:layout_height="27dp"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@drawable/bluebtn"
android:rotation="90"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
edited Nov 18 '18 at 21:09
TylerH
15.4k105067
asked Nov 18 '18 at 19:40
KarlayKarlay
25
edited Nov 18 '18 at 21:09
TylerH
15.4k105067
asked Nov 18 '18 at 19:40
KarlayKarlay
25
edited Nov 18 '18 at 21:09
TylerH
15.4k105067
edited Nov 18 '18 at 21:09
TylerH
15.4k105067
edited Nov 18 '18 at 21:09
TylerH
15.4k105067
15.4k105067
asked Nov 18 '18 at 19:40
KarlayKarlay
25
asked Nov 18 '18 at 19:40
KarlayKarlay
25
asked Nov 18 '18 at 19:40
KarlayKarlay
25
25
You probably want to add transparency instead of white for your graphics background
– ByteHamster
Nov 18 '18 at 21:12
add a comment |
You probably want to add transparency instead of white for your graphics background
– ByteHamster
Nov 18 '18 at 21:12
You probably want to add transparency instead of white for your graphics background
– ByteHamster
Nov 18 '18 at 21:12
You probably want to add transparency instead of white for your graphics background
– ByteHamster
Nov 18 '18 at 21:12
add a comment |
2 Answers
2
active
oldest
votes
If you want to occupy the Button parent width and height you should use 0dp:
<Button
android:id="@+id/arrow"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@drawable/bluebtn"
android:rotation="90"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
From the documentation:
Using 0dp, which is the equivalent of "MATCH_CONSTRAINT"
answered Nov 18 '18 at 19:57
André SousaAndré Sousa
1,1481818
@Karlay have this helped you?
– André Sousa
Nov 21 '18 at 15:41
add a comment |
You need to use ImageButton and set the button
attribute to null
<ImageButton
...
android:button="@null"
android:background=“@drawable/bluebtn”
...
/>
If that doesn’t work then it means your image does not have a transparent background and you need to make a new bluebtn drawable with a transparent background.
answered Nov 18 '18 at 21:38
flopshotflopshot
1111211
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%2f53364755%2fandroid-png-button-design-issue%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
If you want to occupy the Button parent width and height you should use 0dp:
<Button
android:id="@+id/arrow"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@drawable/bluebtn"
android:rotation="90"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
From the documentation:
Using 0dp, which is the equivalent of "MATCH_CONSTRAINT"
answered Nov 18 '18 at 19:57
André SousaAndré Sousa
1,1481818
@Karlay have this helped you?
– André Sousa
Nov 21 '18 at 15:41
add a comment |
If you want to occupy the Button parent width and height you should use 0dp:
<Button
android:id="@+id/arrow"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@drawable/bluebtn"
android:rotation="90"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
From the documentation:
Using 0dp, which is the equivalent of "MATCH_CONSTRAINT"
answered Nov 18 '18 at 19:57
André SousaAndré Sousa
1,1481818
@Karlay have this helped you?
– André Sousa
Nov 21 '18 at 15:41
add a comment |
If you want to occupy the Button parent width and height you should use 0dp:
<Button
android:id="@+id/arrow"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@drawable/bluebtn"
android:rotation="90"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
From the documentation:
Using 0dp, which is the equivalent of "MATCH_CONSTRAINT"
answered Nov 18 '18 at 19:57
André SousaAndré Sousa
1,1481818
If you want to occupy the Button parent width and height you should use 0dp:
<Button
android:id="@+id/arrow"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@drawable/bluebtn"
android:rotation="90"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
From the documentation:
Using 0dp, which is the equivalent of "MATCH_CONSTRAINT"
answered Nov 18 '18 at 19:57
André SousaAndré Sousa
1,1481818
answered Nov 18 '18 at 19:57
André SousaAndré Sousa
1,1481818
answered Nov 18 '18 at 19:57
André SousaAndré Sousa
1,1481818
answered Nov 18 '18 at 19:57
André SousaAndré Sousa
1,1481818
1,1481818
@Karlay have this helped you?
– André Sousa
Nov 21 '18 at 15:41
add a comment |
@Karlay have this helped you?
– André Sousa
Nov 21 '18 at 15:41
@Karlay have this helped you?
– André Sousa
Nov 21 '18 at 15:41
@Karlay have this helped you?
– André Sousa
Nov 21 '18 at 15:41
add a comment |
You need to use ImageButton and set the button
attribute to null
<ImageButton
...
android:button="@null"
android:background=“@drawable/bluebtn”
...
/>
If that doesn’t work then it means your image does not have a transparent background and you need to make a new bluebtn drawable with a transparent background.
answered Nov 18 '18 at 21:38
flopshotflopshot
1111211
add a comment |
You need to use ImageButton and set the button
attribute to null
<ImageButton
...
android:button="@null"
android:background=“@drawable/bluebtn”
...
/>
If that doesn’t work then it means your image does not have a transparent background and you need to make a new bluebtn drawable with a transparent background.
answered Nov 18 '18 at 21:38
flopshotflopshot
1111211
add a comment |
You need to use ImageButton and set the button
attribute to null
<ImageButton
...
android:button="@null"
android:background=“@drawable/bluebtn”
...
/>
If that doesn’t work then it means your image does not have a transparent background and you need to make a new bluebtn drawable with a transparent background.
answered Nov 18 '18 at 21:38
flopshotflopshot
1111211
You need to use ImageButton and set the button
attribute to null
<ImageButton
...
android:button="@null"
android:background=“@drawable/bluebtn”
...
/>
If that doesn’t work then it means your image does not have a transparent background and you need to make a new bluebtn drawable with a transparent background.
answered Nov 18 '18 at 21:38
flopshotflopshot
1111211
answered Nov 18 '18 at 21:38
flopshotflopshot
1111211
answered Nov 18 '18 at 21:38
flopshotflopshot
1111211
answered Nov 18 '18 at 21:38
flopshotflopshot
1111211
1111211
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53364755%2fandroid-png-button-design-issue%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
You probably want to add transparency instead of white for your graphics background
– ByteHamster
Nov 18 '18 at 21:12