Calculator App的设计帮助

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

在白色文字和黑色背景的每个按钮中使用此代码

my $dummyfile = "dummy.pepmasses"; #filename defined here
my @mzco = ();

open (IFILE, $dummyfile) or die "unable to open file $dummyfile\n ";
while (my $line = $dummyfile){
    #read each line in file
    chomp $line;
    my $mz_value = (split/\s+/,$line)[3]; #pick column 3rd at every line 
    $mz_value = join "\n"; # add "\n" for data
    push (@mzco,$mz_value);  #add them all in one array @mzco
}
print "@mzco";
close IFILE;

像

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