【问题标题】:Which Layout is better to use?哪种布局更好用?
【发布时间】:2011-11-26 18:05:21
【问题描述】:

在我的应用程序中,我必须使用计算器。 计算器中的不同按钮应如下图所示。

那么,实现这种类型的 Layout 应该更好吗? 我认为gridView很好,但是在考虑“0”按钮和“C”按钮下方的按钮时,我不知道如何将其设置到gridview中。 所以 Anybudy 告诉我哪一个是设置这种布局的最佳方式? 最近我使用相对布局来设置这个布局。 请帮助我解决这个问题。如果 GridView 对此很好,那么告诉我我应该如何处理这两个按钮:一个是“0”按钮,第二个是“左错误”按钮下方的按钮。

使用RelativeLayout的代码:

<RelativeLayout android:id="@+id/calculationButtonLayout"
        android:layout_width="fill_parent" android:layout_height="wrap_content"
        android:layout_below="@+id/totalAmount" android:layout_margin="10dp">

        <RelativeLayout android:id="@+id/linear_layout" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:orientation="vertical"
            android:layout_centerInParent="true" android:gravity="center_horizontal">

            <!-- First row Start -->

                <Button android:id="@+id/sevenNumber" 
                    android:layout_height="50dp" android:layout_width="50dp"
                    android:text="7" android:textColor="#ffffff" android:textSize="22dp"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
                    android:background="@drawable/selector_button"/>

                <Button android:id="@+id/eightNumber" android:layout_toRightOf="@+id/sevenNumber"
                    android:layout_height="50dp" android:layout_width="50dp"
                    android:text="8" android:textColor="#ffffff" android:textSize="22dp"
                    android:background="@drawable/selector_button"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"/>

                <Button android:id="@+id/nineNumber" android:layout_toRightOf="@+id/eightNumber"
                    android:layout_height="50dp" android:layout_width="50dp"
                    android:text="9" android:textColor="#ffffff" android:textSize="22dp"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
                    android:background="@drawable/selector_button"/>    

                <Button android:id="@+id/acButton" android:layout_toRightOf="@+id/nineNumber"
                    android:layout_height="50dp" android:layout_width="50dp"
                    android:text="AC" android:textColor="#ffffff" android:textSize="22dp"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
                    android:background="@drawable/brown_button"/>

            <!-- First row Finish -->

            <!-- Second row Start -->

                <Button android:id="@+id/fourNumber" android:layout_below="@+id/sevenNumber" 
                    android:layout_height="50dp" android:layout_width="50dp"
                    android:text="4" android:textColor="#ffffff" android:textSize="22dp"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
                    android:background="@drawable/selector_button"/>

                <Button android:id="@+id/fiveNumber" android:layout_toRightOf="@+id/fourNumber" android:layout_below="@+id/eightNumber"
                    android:layout_height="50dp" android:layout_width="50dp"
                    android:text="5" android:textColor="#ffffff" android:textSize="22dp"
                    android:background="@drawable/selector_button"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"/>

                <Button android:id="@+id/sixNumber" android:layout_toRightOf="@+id/fiveNumber" android:layout_below="@+id/nineNumber"
                    android:layout_height="50dp" android:layout_width="50dp"
                    android:text="6" android:textColor="#ffffff" android:textSize="22dp"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
                    android:background="@drawable/selector_button"/>    

                <Button android:id="@+id/clearButton" android:layout_toRightOf="@+id/sixNumber" android:layout_below="@+id/acButton"
                    android:layout_height="50dp" android:layout_width="50dp"
                    android:text="C" android:textColor="#ffffff" android:textSize="22dp"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
                    android:background="@drawable/brown_button"/>

            <!-- Second row finish -->

            <!-- Third row Start -->


                <Button android:id="@+id/oneNumber" android:layout_below="@+id/fourNumber" 
                    android:layout_height="50dp" android:layout_width="50dp"
                    android:text="1" android:textColor="#ffffff" android:textSize="22dp"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
                    android:background="@drawable/selector_button"/>

                <Button android:id="@+id/twoNumber" android:layout_toRightOf="@+id/oneNumber" android:layout_below="@+id/fiveNumber"
                    android:layout_height="50dp" android:layout_width="50dp"
                    android:text="2" android:textColor="#ffffff" android:textSize="22dp"
                    android:background="@drawable/selector_button"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"/>

                <Button android:id="@+id/threeNumber" android:layout_toRightOf="@+id/twoNumber" android:layout_below="@+id/sixNumber"
                    android:layout_height="50dp" android:layout_width="50dp"
                    android:text="3" android:textColor="#ffffff" android:textSize="22dp"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
                    android:background="@drawable/selector_button"/>    



            <!-- Third row finish -->

            <!-- Fourth row Start -->


                <Button android:id="@+id/zeroNumber" android:layout_below="@+id/oneNumber"
                    android:layout_height="50dp" android:layout_width="110dp"
                    android:text="0" android:textColor="#ffffff" android:textSize="22dp"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
                    android:background="@drawable/selector_button"/>

                <Button android:id="@+id/dotNumber" android:layout_toRightOf="@+id/zeroNumber" android:layout_below="@+id/threeNumber"
                    android:layout_height="50dp" android:layout_width="50dp"
                    android:text="." android:textColor="#ffffff" android:textSize="22dp"
                    android:background="@drawable/selector_button"
                    android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"/>

                <Button android:id="@+id/doNothing" android:layout_toRightOf="@+id/threeNumber" android:layout_height="wrap_content" android:layout_width="50dp"
                    android:textColor="#ffffff" android:textSize="22dp"
                    android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
                    android:background="@drawable/do_nothing_button" android:layout_alignBottom="@+id/dotNumber" android:layout_alignTop="@+id/threeNumber"/>

            <!-- Third row finish -->

        </RelativeLayout>

    </RelativeLayout>

我在这个布局之后得到的图像是:

在此图像中,键盘不适合整个中间窗口。我也想把它装进窗口。 那我该怎么办呢?

【问题讨论】:

  • 您应该在此处粘贴代码,正如您在问题“最近我使用相对布局来设置此布局”中已经提到的那样。

标签: android layout android-layout android-emulator


【解决方案1】:

使用相对布局,因为它比其他布局具有更多功能并且更容易......并且您还设置了组件 toRightof 和 toLeftof 以及许多功能/ ///////

【讨论】:

  • 请查看我编辑的问题。为了它。但是当我将它运行到屏幕上时,它似乎不太好。
【解决方案2】:

您应该使用Relative layout,因为它会根据不同分辨率的屏幕自行调整。

【讨论】:

  • 每个布局都会相应地调整自己,除了现在已弃用的绝对,但我也喜欢你的回答,所以 +1
  • @ingsaurabh:这是真的。根据不同的屏幕,我发现相对容易使用。
  • @Vinnet Shukla:感谢您的回复。我已经使用了相对布局。但它看起来不像我想要的那样好。
  • @Vineet:请参阅我编辑的问题。我使用了RelativeLayout,但是当我将它运行到设备中时,它看起来不像我想要的那样好。我的意思是“1”、“2”和“3”数字在整个相对布局之后可用的布局后面。
  • 好的。谢谢。并再次检查已编辑的问题。我已经把实现此代码后得到的屏幕截图。
猜你喜欢
  • 1970-01-01
  • 2023-03-22
  • 1970-01-01
  • 1970-01-01
  • 2017-03-30
  • 1970-01-01
  • 2012-05-15
  • 1970-01-01
相关资源
最近更新 更多