1. Are you ready for the Galaxy S20? Here is everything we know so far!

Weird layout on phone

Discussion in 'Android Development' started by YoungDON, Jun 14, 2017.

  1. YoungDON

    YoungDON Lurker
    Thread Starter

    Hey guys. So, I started learning android development recently, and after a week, I've gotten far enough to create a simple calculator. I have two problems with the layout.
    1. I wish to remove the toolbar. I tried to change the theme to one without a toolbar (NoActionBar). This works in the design view, but doesn't reflect in the emulator (AVD) or my phone.
    2. The second and more bothersome problem is with the buttons. I used a GridLayout for a 5x4 button grid, and I use the layout_columnWeight and layout_rowWeight to ensure they are the same size across the screen. It appears nice in the design view AND in the emulator, but it looks very weird on my phone. Also, the buttons don't show any reaction animation when pressed.... Kinda like a static image.
    My minimum SDK for the project is 5.0 lollipop and my phone is 5.1 lollipop.
    The first attached image is the design view, and that's exactly how it looks in the emulator. The second image is a screenshot from my phone.
     

    Attached Files:




    1. Download the Forums for Android™ app!


      Download

       
  2. wseng92

    wseng92 Android Enthusiast

    Please post your xml layout.
     
  3. YoungDON

    YoungDON Lurker
    Thread Starter

    Code (Text):
    1.  
    2. <?xml version="1.0" encoding="utf-8"?>
    3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    4.     xmlns:app="http://schemas.android.com/apk/res-auto"
    5.     xmlns:tools="http://schemas.android.com/tools"
    6.     android:layout_width="match_parent"
    7.     android:layout_height="match_parent"
    8.     android:eek:rientation="vertical"
    9.     android:weightSum="1"
    10.     tools:context="com.youngdon.mycalculator.MainActivity">
    11.  
    12.     <TextView
    13.         android:id="@+id/operaView"
    14.         android:layout_width="match_parent"
    15.         android:layout_height="wrap_content"
    16.         android:layout_marginBottom="10dp"
    17.         android:text="0"
    18.         android:textAlignment="textEnd"
    19.         android:textSize="40dp" />
    20.  
    21.     <TextView
    22.         android:id="@+id/resultView"
    23.         android:layout_width="match_parent"
    24.         android:layout_height="wrap_content"
    25.         android:paddingBottom="0dp"
    26.         android:paddingEnd="0dp"
    27.         android:paddingLeft="0dp"
    28.         android:paddingRight="0dp"
    29.         android:paddingStart="0dp"
    30.         android:paddingTop="0dp"
    31.         android:text="200"
    32.         android:textAlignment="textEnd"
    33.         android:textSize="60dp" />
    34.  
    35.     <GridLayout
    36.         android:layout_width="match_parent"
    37.         android:layout_height="match_parent"
    38.         android:eek:rientation="horizontal">
    39.  
    40.         <Button
    41.             android:id="@+id/button7"
    42.             android:layout_alignStart="@id/operaView"
    43.             android:layout_columnWeight="1"
    44.             android:layout_rowWeight="1"
    45.             android:background="@android:color/holo_red_light"
    46.             android:eek:nClick="PressedNumber"
    47.             android:text="7"
    48.             android:textColor="@android:color/white"
    49.             android:textSize="40sp" />
    50.  
    51.         <Button
    52.             android:id="@+id/button8"
    53.             android:layout_columnWeight="1"
    54.             android:layout_rowWeight="1"
    55.             android:background="@android:color/holo_red_light"
    56.             android:eek:nClick="PressedNumber"
    57.             android:text="8"
    58.             android:textColor="@android:color/white"
    59.             android:textSize="40sp" />
    60.  
    61.         <Button
    62.             android:id="@+id/button9"
    63.             android:layout_columnWeight="1"
    64.             android:layout_rowWeight="1"
    65.             android:background="@android:color/holo_red_light"
    66.             android:eek:nClick="PressedNumber"
    67.             android:text="9"
    68.             android:textColor="@android:color/white"
    69.             android:textSize="40sp" />
    70.  
    71.         <Button
    72.             android:id="@+id/button4"
    73.             android:layout_column="0"
    74.             android:layout_columnWeight="1"
    75.             android:layout_row="1"
    76.             android:layout_rowWeight="1"
    77.             android:background="@android:color/holo_red_light"
    78.             android:eek:nClick="PressedNumber"
    79.             android:text="4"
    80.             android:textColor="@android:color/white"
    81.             android:textSize="40sp" />
    82.  
    83.         <Button
    84.             android:id="@+id/button5"
    85.             android:layout_column="1"
    86.             android:layout_columnWeight="1"
    87.             android:layout_row="1"
    88.             android:layout_rowWeight="1"
    89.             android:background="@android:color/holo_red_light"
    90.             android:eek:nClick="PressedNumber"
    91.             android:text="5"
    92.             android:textColor="@android:color/white"
    93.             android:textSize="40sp" />
    94.  
    95.         <Button
    96.             android:id="@+id/button."
    97.             android:layout_column="0"
    98.             android:layout_columnWeight="1"
    99.             android:layout_row="3"
    100.             android:layout_rowWeight="1"
    101.             android:background="@android:color/holo_red_light"
    102.             android:eek:nClick="PressedNumber"
    103.             android:text="."
    104.             android:textColor="@android:color/white"
    105.             android:textSize="40sp" />
    106.  
    107.         <Button
    108.             android:id="@+id/button3"
    109.             android:layout_column="2"
    110.             android:layout_columnWeight="1"
    111.             android:layout_row="2"
    112.             android:layout_rowWeight="1"
    113.             android:background="@android:color/holo_red_light"
    114.             android:eek:nClick="PressedNumber"
    115.             android:text="3"
    116.             android:textColor="@android:color/white"
    117.             android:textSize="40sp" />
    118.  
    119.         <Button
    120.             android:id="@+id/button1"
    121.             android:layout_column="0"
    122.             android:layout_columnWeight="1"
    123.             android:layout_row="2"
    124.             android:layout_rowWeight="1"
    125.             android:background="@android:color/holo_red_light"
    126.             android:eek:nClick="PressedNumber"
    127.             android:text="1"
    128.             android:textColor="@android:color/white"
    129.             android:textSize="40sp" />
    130.  
    131.         <Button
    132.             android:id="@+id/button0"
    133.             android:layout_column="1"
    134.             android:layout_columnWeight="1"
    135.             android:layout_row="3"
    136.             android:layout_rowWeight="1"
    137.             android:background="@android:color/holo_red_light"
    138.             android:eek:nClick="PressedNumber"
    139.             android:text="0"
    140.             android:textColor="@android:color/white"
    141.             android:textSize="40sp" />
    142.  
    143.         <Button
    144.             android:id="@+id/button6"
    145.             android:layout_column="2"
    146.             android:layout_columnWeight="1"
    147.             android:layout_row="1"
    148.             android:layout_rowWeight="1"
    149.             android:background="@android:color/holo_red_light"
    150.             android:eek:nClick="PressedNumber"
    151.             android:text="6"
    152.             android:textColor="@android:color/white"
    153.             android:textSize="40sp" />
    154.  
    155.         <Button
    156.             android:id="@+id/buttonMinus"
    157.             android:layout_column="3"
    158.             android:layout_columnWeight="1"
    159.             android:layout_row="1"
    160.             android:layout_rowWeight="1"
    161.             android:background="@android:color/holo_red_light"
    162.             android:eek:nClick="PressedOp"
    163.             android:text="-"
    164.             android:textColor="@android:color/white"
    165.             android:textSize="40sp" />
    166.  
    167.         <Button
    168.             android:id="@+id/buttonPlus"
    169.             android:layout_column="3"
    170.             android:layout_columnWeight="1"
    171.             android:layout_row="0"
    172.             android:layout_rowWeight="1"
    173.             android:background="@android:color/holo_red_light"
    174.             android:eek:nClick="PressedOp"
    175.             android:text="+"
    176.             android:textColor="@android:color/white"
    177.             android:textSize="40sp" />
    178.  
    179.         <Button
    180.             android:id="@+id/button2"
    181.             android:layout_column="1"
    182.             android:layout_columnWeight="1"
    183.             android:layout_row="2"
    184.             android:layout_rowWeight="1"
    185.             android:background="@android:color/holo_red_light"
    186.             android:eek:nClick="PressedNumber"
    187.             android:text="2"
    188.             android:textColor="@android:color/white"
    189.             android:textSize="40sp" />
    190.  
    191.         <Button
    192.             android:id="@+id/buttonEqual"
    193.             android:layout_column="2"
    194.             android:layout_columnWeight="1"
    195.             android:layout_row="3"
    196.             android:layout_rowWeight="1"
    197.             android:background="@android:color/holo_red_light"
    198.             android:text="="
    199.             android:textColor="@android:color/white"
    200.             android:textSize="40sp"
    201.             android:eek:nClick="PressedResult"/>
    202.  
    203.         <Button
    204.             android:id="@+id/buttonTimes"
    205.             android:layout_column="3"
    206.             android:layout_columnWeight="1"
    207.             android:layout_row="2"
    208.             android:layout_rowWeight="1"
    209.             android:background="@android:color/holo_red_light"
    210.             android:eek:nClick="PressedOp"
    211.             android:text="x"
    212.             android:textColor="@android:color/white"
    213.             android:textSize="40sp" />
    214.  
    215.         <Button
    216.             android:id="@+id/buttonDivide"
    217.             android:layout_column="3"
    218.             android:layout_columnWeight="1"
    219.             android:layout_row="3"
    220.             android:layout_rowWeight="1"
    221.             android:background="@android:color/holo_red_light"
    222.             android:eek:nClick="PressedOp"
    223.             android:text="÷"
    224.             android:textColor="@android:color/white"
    225.             android:textSize="40sp" />
    226.  
    227.         <Button
    228.             android:id="@+id/buttonC"
    229.             android:layout_column="0"
    230.             android:layout_columnWeight="1"
    231.             android:layout_row="5"
    232.             android:layout_rowWeight="1"
    233.             android:background="@android:color/holo_red_light"
    234.             android:eek:nClick="PressedFunction"
    235.             android:text="C"
    236.             android:textColor="@android:color/white"
    237.             android:textSize="40sp" />
    238.  
    239.         <Button
    240.             android:id="@+id/buttonSr"
    241.             android:layout_width="wrap_content"
    242.             android:layout_height="wrap_content"
    243.             android:layout_column="2"
    244.             android:layout_columnWeight="1"
    245.             android:layout_row="5"
    246.             android:layout_rowWeight="1"
    247.             android:background="@android:color/holo_red_light"
    248.             android:text="√"
    249.             android:textColor="@android:color/white"
    250.             android:textSize="40sp"
    251.             android:eek:nClick="PressedResult" />
    252.  
    253.         <Button
    254.             android:id="@+id/buttonDel"
    255.             android:layout_height="wrap_content"
    256.             android:layout_column="1"
    257.             android:layout_columnWeight="1"
    258.             android:layout_marginEnd="0dp"
    259.             android:layout_marginLeft="0dp"
    260.             android:layout_row="5"
    261.             android:layout_rowWeight="1"
    262.             android:background="@android:color/holo_red_light"
    263.             android:eek:nClick="PressedFunction"
    264.             android:text="DEL"
    265.             android:textColor="@android:color/white"
    266.             android:textSize="20sp" />
    267.  
    268.         <Button
    269.             android:id="@+id/buttonPi"
    270.             android:layout_width="wrap_content"
    271.             android:layout_height="wrap_content"
    272.             android:layout_column="3"
    273.             android:layout_columnWeight="1"
    274.             android:layout_row="5"
    275.             android:layout_rowWeight="1"
    276.             android:background="@android:color/holo_red_light"
    277.             android:text="π"
    278.             android:textColor="@android:color/white"
    279.             android:textSize="40sp" />
    280.  
    281.     </GridLayout>
    282.  
    283.  
    284. </LinearLayout>
    285.  
     
    #3 YoungDON, Jun 14, 2017
    Last edited by a moderator: Jun 14, 2017
  4. wseng92

    wseng92 Android Enthusiast

Loading...

Share This Page

Loading...