如何使布局适合计算器的整个屏幕？

我正在制作一个简单的计算器应用程序，我无法适应布局跨越整个屏幕。我有一个TextView，一个EditText和按钮，下面还有一些空白。我希望我的布局像Android的计算器一样跨越整个屏幕。如何使布局适合计算器的整个屏幕？

我的XML代码文件如下：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/activity_main" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    tools:context="com.varun.calculator.MainActivity"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:orientation="vertical"> 

     <TextView 
      android:id="@+id/textView" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:lines="2" 
      android:maxLines="2" 
      android:textSize="35sp" /> 

     <EditText 
      android:id="@+id/editText" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@id/textView" 
      android:enabled="false" 
      android:inputType="numberDecimal" 
      android:lines="2" 
      android:maxLines="2" 
      android:textSize="20sp" /> 


    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="2" 
     android:orientation="vertical"> 


     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"> 

      <Button 
       android:id="@+id/seven" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 

       android:text="7" 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/eight" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 

       android:layout_toRightOf="@id/seven" 
       android:text="8" 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/nine" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 

       android:layout_toRightOf="@id/eight" 
       android:text="9" 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/four" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/seven" 
       android:text="4" 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/five" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/eight" 
       android:layout_toRightOf="@id/four" 
       android:text="5" 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/six" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/nine" 
       android:layout_toRightOf="@id/five" 
       android:text="6" 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/one" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/four" 
       android:text="1" 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/two" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/five" 
       android:layout_toRightOf="@id/one" 
       android:text="2" 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/three" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/six" 
       android:layout_toRightOf="@id/two" 
       android:text="3" 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/dot" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/one" 
       android:text="." 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/zero" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/two" 
       android:layout_toRightOf="@id/dot" 
       android:text="0" 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/clear" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/three" 
       android:layout_toRightOf="@id/zero" 
       android:text="C" 
       android:textSize="25sp" /> 


      <Button 
       android:id="@+id/div" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 

       android:layout_toRightOf="@id/nine" 
       android:text="/" 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/mul" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/div" 
       android:layout_toRightOf="@id/three" 
       android:text="*" 
       android:textSize="25sp" /> 

      <Button 
       android:id="@+id/sub" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/mul" 
       android:layout_toRightOf="@id/clear" 
       android:text="-" 
       android:textSize="25sp" /> 


      <Button 
       android:id="@+id/equal" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/dot" 
       android:text="=" 
       android:textSize="25sp" /> 


      <Button 
       android:id="@+id/add" 
       style="@style/Base.Widget.AppCompat.Button.Borderless" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/sub" 
       android:layout_toRightOf="@id/three" 
       android:text="+" 
       android:textSize="25sp" /> 


     </RelativeLayout> 
    </LinearLayout> 
</LinearLayout>

请点击这里链接的图像：1

来源

2017-01-16 Varun Joshi

这个xml可能会对你有所帮助，它会覆盖整个页面，按照你的要求。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/activity_main" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin"> 

    <LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="1" 
    android:orientation="vertical"> 

    <TextView 
     android:id="@+id/textView" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:lines="2" 
     android:maxLines="2" 
     android:textSize="35sp" /> 

    <EditText 
     android:id="@+id/editText" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/textView" 
     android:enabled="false" 
     android:inputType="numberDecimal" 
     android:lines="2" 
     android:maxLines="2" 
     android:textSize="20sp" /> 


    </LinearLayout> 

    <LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="2" 
    android:orientation="vertical"> 

     <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:orientation="horizontal"> 

     <Button 
      android:id="@+id/seven" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="7" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/eight" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="8" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/nine" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="9" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/div" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="/" 
      android:textSize="25sp" /> 

     </LinearLayout> 

     <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1"> 

     <Button 
      android:id="@+id/four" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="4" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/five" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="5" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/six" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="6" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/mul" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="*" 
      android:textSize="25sp" /> 

     </LinearLayout> 

     <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1"> 

     <Button 
      android:id="@+id/one" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="1" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/two" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="2" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/three" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="3" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/add" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="+" 
      android:textSize="25sp" /> 

     </LinearLayout> 

     <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1"> 

     <Button 
      android:id="@+id/dot" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="." 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/zero" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="0" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/clear" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="C" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/sub" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="-" 
      android:textSize="25sp" /> 
     </LinearLayout> 

    </LinearLayout>

来源

2017-01-16 13:30:27

是的，这工作太！ –

从父布局中删除

android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin"

编辑

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/activity_main" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" 
tools:context="com.varun.calculator.MainActivity"> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="1" 
    android:orientation="vertical"> 

    <TextView 
     android:id="@+id/textView" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:lines="2" 
     android:maxLines="2" 
     android:textSize="35sp" /> 

    <EditText 
     android:id="@+id/editText" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/textView" 
     android:enabled="false" 
     android:inputType="numberDecimal" 
     android:lines="2" 
     android:maxLines="2" 
     android:textSize="20sp" /> 


</LinearLayout> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="2" 
    android:orientation="vertical"> 


    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <Button 
      android:id="@+id/seven" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 

      android:text="7" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/eight" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 

      android:layout_toRightOf="@+id/seven" 
      android:text="8" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/nine" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 

      android:layout_toRightOf="@+id/eight" 
      android:text="9" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/four" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/seven" 
      android:text="4" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/five" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@id/eight" 
      android:layout_toRightOf="@+id/four" 
      android:text="5" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/six" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@id/nine" 
      android:layout_toRightOf="@+id/five" 
      android:text="6" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/one" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/four" 
      android:text="1" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/two" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@id/five" 
      android:layout_toRightOf="@+id/one" 
      android:text="2" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/three" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@id/six" 
      android:layout_toRightOf="@+id/two" 
      android:text="3" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/dot" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/one" 
      android:text="." 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/zero" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/two" 
      android:layout_toRightOf="@+id/dot" 
      android:text="0" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/clear" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/three" 
      android:layout_toRightOf="@+id/zero" 
      android:text="C" 
      android:textSize="25sp" /> 


     <Button 
      android:id="@+id/div" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 

      android:layout_toRightOf="@+id/nine" 
      android:text="/" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/mul" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/div" 
      android:layout_toRightOf="@+id/three" 
      android:text="*" 
      android:textSize="25sp" /> 

     <Button 
      android:id="@+id/sub" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/mul" 
      android:layout_toRightOf="@+id/clear" 
      android:text="-" 
      android:textSize="25sp" /> 


     <Button 
      android:id="@+id/equal" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/dot" 
      android:text="=" 
      android:textSize="25sp" /> 


     <Button 
      android:id="@+id/add" 
      style="@style/Base.Widget.AppCompat.Button.Borderless" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/sub" 
      android:layout_toRightOf="@+id/three" 
      android:text="+" 
      android:textSize="25sp" /> 


    </RelativeLayout> 
</LinearLayout> 
</LinearLayout>

来源

2017-01-16 12:52:10 Piyush

试过了，没有工作，如果检查的形象，我想我=按钮排列在底部。这是我想摆脱的空间。 –

This _android：layout_below =“@ id/mul”_是错误的。它应该是_android：layout_below =“@ + id/mul”_以及那个位置在你使用'@ id/xyz'的地方。它应该被'@ + id/xyz'取代 – Piyush

@VarunJoshi你得到了吗？ – Piyush

在相对布局，而不是保持android:layout_height="wrap_content"尝试保持值为android:layout_height="match_parent"，我会建议你保持相同的权重值为他们每个人...尝试这样做。也许如果在执行这些步骤后还剩下更多的空白空间，那么删除android:padddingBottom

来源

2017-01-16 13:18:38 Knattic

很简单！哈哈不敢相信我花了4个小时试图尝试布局的重量。谢谢！ –

它确定，我经常被这些东西卡住了 – Knattic

如何使布局适合计算器的整个屏幕？

回答

相关问题