Android studio only shows one button! !

Question

1.00/5 (1 vote)

See more:

I just started learning Android Studio.
I was trying to make multiple buttons and the app only shows the first button.
I don't see any errors in my code...HELP ME!!!

What I have tried:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <Button
        android:id="@+id/button3"
        style="?android:attr/borderlessButtonStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/strBtn3" />
    <Button
        android:id="@+id/button2"
        style="?android:attr/borderlessButtonStyle"
        android:layout_width="132dp"
        android:layout_height="wrap_content"
        android:text="@string/strBtn2" />

    <Button
        android:id="@+id/button1"
        style="?android:attr/borderlessButtonStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/strBtn1" />
    <Button
        android:id="@+id/button4"
        style="?android:attr/borderlessButtonStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/strBtn4" />

Posted 6-Jul-20 16:38pm

Member 14882547

Updated 7-Jul-20 21:28pm

Add a Solution

Comments

David Crow 7-Jul-20 8:14am

The buttons are laying on top of each other because their width is the same as their parent.

Member 14882547 7-Jul-20 8:55am

Oh that was the problem. thanks!

2 solutions

Solution 2

Bro u are unable to see ur buttons because u have given "horizontal" to ur

android:orientation="Horizontal"

U just copy this code and paste it to ur xml file

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <Button
        android:id="@+id/button3"
        style="?android:attr/borderlessButtonStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="strBtn3" />

    <Button
        android:id="@+id/button2"
        style="?android:attr/borderlessButtonStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="strBtn2" />

    <Button
        android:id="@+id/button1"
        style="?android:attr/borderlessButtonStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="strBtn1" />
    <Button
        android:id="@+id/button4"
        style="?android:attr/borderlessButtonStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="strBtn4" />
</LinearLayout>

Posted 7-Jul-20 21:28pm

Member 14883729

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Andre Oosthuizen · Accepted Answer · 2020-07-06T20:55:00

Any XML attributes prefixed with tools are removed when the app is compiled and are only rendered by Android Studio layout editor.

You need to properly set constraints in your ConstraintLayout, not use absolute positioning.

Or you may instead use RelativeLayout, LinearLayout, etc.

The problem is that your views are not properly constrained (basically they aren't linked to anything so when you run your app it doesn't know where to place them and just defaults to the upper left).

Solution 1 - Right Click on you Layout and select "Convert View" Option. then select "LinearLayout" Option. it will show all three buttons in the output.

Otherwise read about Constraints HERE, once you use the guidelines, your buttons will display correctly.

EDIT: As was rightly pointed out by David Crow, the width is set to the same as their parent causing buttons to overlap and lay on top of each other.