2014-10-31 41 views
1

我使用绝对布局来划分屏幕4种与圈中像这样 enter image description hereAndroid的绝对布局不同的屏幕尺寸

中心是做工精细的小屏幕尺寸,但大屏幕没有关系“T。 如何用不同的屏幕宽度来做到这一点?

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/linear" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" > 

<AbsoluteLayout 
    android:id="@+id/AbsoluteLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentTop="true" 
    android:layout_centerHorizontal="true" 
    android:l="true" 
    android:layout_centerInParent="true" 
    android:background="#fcf2cf" 
    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.example.organizer2.MainActivity" > 

    <Button 
     android:id="@+id/Button1" 
     android:layout_width="148dp" 
     android:layout_height="180dp" 
     android:layout_weight="1" 
     android:layout_x="0dp" 
     android:layout_y="0dp" 
     android:background="#219baa" 
     android:text="Button" /> 

    <Button 
     android:id="@+id/Button2" 
     android:layout_width="148dp" 
     android:layout_height="180dp" 
     android:layout_weight="1" 
     android:layout_x="148dp" 
     android:layout_y="0dp" 
     android:background="#ef820b" 
     android:text="Button" /> 

    <Button 
     android:id="@+id/Button3" 
     android:layout_width="148dp" 
     android:layout_height="180dp" 
     android:layout_weight="1" 
     android:layout_x="0dp" 
     android:layout_y="180dp" 
     android:background="#e3c800" 
     android:text="Button" /> 

    <Button 
     android:id="@+id/Button4" 
     android:layout_width="148dp" 
     android:layout_height="180dp" 
     android:layout_weight="1" 
     android:layout_x="148dp" 
     android:layout_y="180dp" 
     android:background="#36bc89" 
     android:text="Button" /> 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_x="4dp" 
     android:layout_y="132dp" 
     android:src="@drawable/circle" /> 

    </AbsoluteLayout> 

</RelativeLayout> 
+0

AbsoluteLayout在API级别3上已弃用,不应使用。 您可以使用FrameLayout并使用重力来设置按钮和圆圈位置。此外,您还需要为Button制作自定义视图以使它们成为正方形。 – Gero 2014-10-31 20:50:25

回答

1

AbsolueLayouts是一个很大的禁忌,因为它们不会对大小不同的设备做任何事情。尝试使用LinearLayouts的组合来实现此视图。通过将所有按钮设置在linearlayout内部,并给每个按钮权重1,我们告诉他们所有的增长,这绝对不会发生在绝对布局中。线性布局本身也是线性布局,并且也被赋予了权重,所以它们将随着有额外的屏幕空间占用而增长(嵌套的LinearLayouts对于性能并不是很好,但现在不用担心,因为您似乎仍然正在学习基础知识,并且您的应用的用户不会注意到任何延迟)。 :

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/linear" 
android:layout_width="match_parent" 
android:background="#fcf2cf" 
android:layout_height="match_parent" 
android:orientation="vertical" > 

    <LinearLayout 
    android:id="@+id/linear" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    android:orientation="vertical" > 

      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      xmlns:tools="http://schemas.android.com/tools" 
      android:id="@+id/linear" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight=1 
      android:orientation="hoizontal" > 

       <Button 
       android:id="@+id/Button1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="#219baa" 
       android:text="Button" /> 

       <Button 
       android:id="@+id/Button2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="#ef820b" 
       android:text="Button" /> 

      </LinearLayout> 

      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      xmlns:tools="http://schemas.android.com/tools" 
      android:id="@+id/linear" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight=1 
      android:orientation="hoizontal" > 

       <Button 
       android:id="@+id/Button3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="#e3c800" 
       android:text="Button" /> 

       <Button 
       android:id="@+id/Button4" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="#36bc89" 
       android:text="Button" /> 

      </LinearLayout> 
</LinearLayout> 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_centerVertical="true" 
     android:src="@drawable/circle" /> 

    </AbsoluteLayout> 

</RelativeLayout> 
+0

好吧,我正在使用linearlayout,但我canot把圆形放在中心像我的图像 – jmt 2014-10-31 21:05:31

+1

对不起,我更新了我的答案,包括在圈子图像android:layout_centerVertical =“true” – 2014-10-31 21:07:59