設計幫助計算器應用程序

Question

我想設計一個計算器。我希望我的計算器看起來像是Android的默認設置。

我爲此使用了線性佈局。 我嘗試了GridLayout和TableLayout，但是，它吸了。

<?xml version = "1.0" encoding = "utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:orientation="vertical" > 

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

    <EditText 
     android:id="@+id/RawDataET" 
     android:layout_width="0dp" 
     android:layout_height="fill_parent" 
     android:layout_weight="80" 
     android:maxLines="1" 
     android:textColor="@android:color/black" /> 

    <Button 
     android:id="@+id/BackSpaceButton" 
     android:layout_width="0dp" 
     android:layout_height="fill_parent" 
     android:layout_weight="20" /> 
</LinearLayout> 

<TextView 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="13" 
    android:background="@android:color/white" 
    android:textColor="@android:color/black" 
    android:textSize="35sp" /> 

<TableLayout 

    style="?android:attr/buttonBarStyle" 
    android:layout_width="fill_parent" 
    android:layout_height="0dp" 
    android:layout_weight="75" 
    android:dividerPadding="2dp" 
    android:stretchColumns="*" > 

    <TableRow> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="UP" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="!" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="e" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="^" /> 
    </TableRow> 

    <TableRow> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="7" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="8" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="9" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="+" /> 
    </TableRow> 

    <TableRow> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="4" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="5" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="6" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="-" /> 
    </TableRow> 

    <TableRow> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="1" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="2" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="3" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="/" /> 
    </TableRow> 

    <TableRow> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="." /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="0" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="=" /> 

     <Button 
      style="?android:attr/buttonBarButtonStyle" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="*" /> 
    </TableRow> 
</TableLayout> 

它看起來像狗屎。

我真的需要幫助這裏。不知道如何讓它看起來不錯。

Answer 1

您可以使用RelativeLayout。與RelativeLayout，你可以自由設計

Answer 2

好吧我使用LinearLayout和答案是使用按鈕的背景。

Answer 3

使用此代碼在每一個按鍵的白色文字和黑色背景

 android:background="#c6010101" 
     android:textColor="#FFFFFCFC" 

像

<Button 
     style="?android:attr/buttonBarButtonStyle" 
     android:layout_width="0dp" 
     android:layout_height="fill_parent" 
     android:layout_weight="1" 
     android:text="^" 
     android:background="#c6010101" 
     android:textColor="#FFFFFCFC" />