如何使佈局適合計算器的整個屏幕？

我正在製作一個簡單的計算器應用程序，我無法適應佈局跨越整個屏幕。我有一個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

如何使佈局適合計算器的整個屏幕？

回答

相關問題