[英]How to adjust button size according to screen size in Android Studio
我是 android 開發的新手,我正在 android studio 中制作一個計算器。 我的計算器工作正常,但它的布局有問題我將它安裝在平板電腦上,而且按鈕非常小,因為我在模擬器上的 Android Studio 中設計它們,按鈕大小沒有改變,需要幫助以便按鈕大小隨着屏幕尺寸的變化而增加。
我在 Android Studio 中的計算器設計
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="match_parent"
android:background="#ff000000">
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/clear"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginTop="110dp"
android:background="@drawable/clear_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/plus_minus"
android:layout_alignBottom="@+id/clear"
android:layout_toRightOf="@+id/clear"
android:layout_toEndOf="@+id/clear"
android:layout_marginLeft="-11dp"
android:background="@drawable/pm_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/per"
android:layout_alignBottom="@+id/plus_minus"
android:layout_toRightOf="@+id/plus_minus"
android:layout_toEndOf="@+id/plus_minus"
android:layout_marginLeft="-11dp"
android:background="@drawable/per_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/div"
android:layout_alignTop="@+id/per"
android:layout_toRightOf="@+id/per"
android:layout_toEndOf="@+id/per"
android:layout_marginLeft="-11dp"
android:background="@drawable/div_btn"
android:layout_alignParentRight="false" />
<TextView
android:layout_width="fill_parent"
android:layout_height="70dp"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/disp"
android:layout_above="@+id/plus_minus"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:textColor="@android:color/white"
android:textSize="32sp"
android:inputType="none"
android:textStyle="normal"
android:gravity="right" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/seven"
android:layout_below="@+id/clear"
android:layout_toLeftOf="@+id/plus_minus"
android:layout_toStartOf="@+id/plus_minus"
android:layout_marginTop="-10dp"
android:layout_alignParentTop="false"
android:layout_alignParentLeft="true"
android:background="@drawable/seven_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/eight"
android:layout_alignTop="@+id/seven"
android:layout_alignLeft="@+id/plus_minus"
android:layout_alignStart="@+id/plus_minus"
android:background="@drawable/eight_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/nine"
android:layout_alignBottom="@+id/seven"
android:layout_alignLeft="@+id/per"
android:layout_alignStart="@+id/per"
android:background="@drawable/nine_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/mul"
android:layout_alignTop="@+id/nine"
android:layout_alignLeft="@+id/div"
android:layout_alignStart="@+id/div"
android:background="@drawable/mul_btn" />
<Button
android:layout_width="103dp"
android:layout_height="90dp"
android:id="@+id/four"
android:layout_below="@+id/seven"
android:layout_alignRight="@+id/seven"
android:layout_alignEnd="@+id/seven"
android:layout_marginTop="-10dp"
android:layout_alignParentLeft="false"
android:background="@drawable/four_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/five"
android:layout_alignBottom="@+id/four"
android:layout_alignLeft="@+id/eight"
android:layout_alignStart="@+id/eight"
android:background="@drawable/five_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/six"
android:layout_alignTop="@+id/five"
android:layout_alignLeft="@+id/nine"
android:layout_alignStart="@+id/nine"
android:background="@drawable/six_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/sub"
android:layout_toEndOf="@+id/nine"
android:layout_alignTop="@+id/six"
android:layout_alignLeft="@+id/mul"
android:layout_alignStart="@+id/mul"
android:background="@drawable/min_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/one"
android:layout_below="@+id/four"
android:layout_alignLeft="@+id/four"
android:layout_alignStart="@+id/four"
android:layout_marginTop="-10dp"
android:layout_alignParentLeft="false"
android:background="@drawable/one_btn" />
<Button
android:layout_width="203dp"
android:layout_height="90dp"
android:id="@+id/zero"
android:layout_below="@+id/one"
android:layout_alignLeft="@+id/one"
android:layout_alignStart="@+id/one"
android:layout_marginTop="-10dp"
android:background="@drawable/zero_btn"
android:layout_alignParentLeft="true"
android:layout_marginLeft="-7dp" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/two"
android:layout_above="@+id/zero"
android:layout_alignLeft="@+id/five"
android:layout_alignStart="@+id/five"
android:background="@drawable/two_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/three"
android:layout_below="@+id/five"
android:layout_alignLeft="@+id/six"
android:layout_alignStart="@+id/six"
android:layout_marginTop="-10dp"
android:background="@drawable/three_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/add"
android:layout_toEndOf="@+id/three"
android:layout_below="@+id/six"
android:layout_alignLeft="@+id/sub"
android:layout_alignStart="@+id/sub"
android:layout_marginTop="-10dp"
android:background="@drawable/plus_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/dot"
android:layout_below="@+id/two"
android:layout_alignRight="@+id/three"
android:layout_alignEnd="@+id/three"
android:layout_marginTop="-10dp"
android:background="@drawable/dot_btn" />
<Button
android:layout_width="100dp"
android:layout_height="90dp"
android:id="@+id/equ"
android:layout_toEndOf="@+id/dot"
android:layout_below="@+id/three"
android:layout_alignLeft="@+id/add"
android:layout_alignStart="@+id/add"
android:layout_marginTop="-10dp"
android:background="@drawable/equ_btn" />
</RelativeLayout>
你必須使用layout_weight
來實現你想要的,這將通過將每一行按鈕包裹在一個LinearLayout
,所有的LinearLayouts
加上TextView
將被包裹在一個大的LinearLayout
而不是你的RelativeLayout
,如下所示:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/main_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ff000000"
android:orientation="vertical"
android:weightSum="6" >
<TextView
android:id="@+id/disp"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:gravity="center"
android:inputType="none"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textColor="@android:color/white"
android:textSize="32sp"
android:textStyle="normal" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:orientation="horizontal"
android:weightSum="4" >
<Button
android:id="@+id/clear"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/clear_btn" />
<!-- then the three remaining buttons -->
<LinearLayout />
<!-- then the four remaining rows -->
<!-- in the last row the "0" button will have layout_weight="2" NOT "1" -->
</LinearLayout>
</LinearLayout>
更新:
使用 ImageButtons 而不是 Buttons 以獲得更好的可擴展性,這就是您必須使用它的方式:
<ImageButton
android:id="@+id/clear"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@android:color/transparent"
android:src="@drawable/clear_btn"
android:scaleType="fitCenter" />
<!-- and so for all Buttons -->
注意這里我們改變了:
1- layout_height
:從wrap_content
到match_parent
。
2- background
:刪除可繪制(clear_btn)並使其transparent
。
我們補充說:
1- src
:為其分配可繪制對象(clear_btn)。
2- scaleType
:使其成為fitCenter
以使其在所有可用區域中縮放而不會破壞 Image 縮放比例。
PS :如果您希望 Button 獲取可縮放或不可縮放的所有區域天氣, scaleType
從fitCenter
更改為fitXY
(您可能需要“ 0 ”按鈕)。
如果您想支持多個屏幕,請不要手動拖放和調整視圖大小。
您可以同時檢查android:layout_weight
屬性和LinearLayout
解決方案 1:請使用 dimens.xml 指定按鈕的高度和高度。
對於平板電腦,請創建文件夾 values-sw600dp,values-sw720dp 並將您的 dimens.xml 放入其中。
解決方案2:
Use linearlayout and layout_weight property.
在 android 中設置按鈕的高度/寬度時,使用固定密度像素值將在所有屏幕上產生精確的大小。 使用寬度值作為wrap_content
、 fill_parent
、 weights 等將使按鈕看起來根據屏幕密度。
嘗試通過此鏈接一次:-用戶界面的最佳實踐
<android.support.v7.widget.RecyclerView
android:id="@+id/sampleRecyclerView"
android:scrollbars="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<Button android:id="@+id/sampleButton"
android:width="0dp"
android:height="50dp">
</Button>
</android.support.v7.widget.RecyclerView>
我認為這里的重點是線性布局中的<Button> </Button>
。
android:width="0dp" // This line changes width as of linear layout.
android:height="50dp">
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.