Android单一布局以获取所有屏幕尺寸

时间:2013-10-31 22:44:57

标签: android xml layout size screen

我正在更新我的Android应用程序,并意识到我已经为每个可能的屏幕尺寸创建了一个布局(布局小,布局大等等......)通过每个XML文件和手动操作将是一个巨大的痛苦做一个小小的改变。我正在尝试创建一个XML文件来支持所有屏幕大小。在回顾了有关stackoverflow的Android文档和其他问题之后,似乎LinearLayout是最佳选择,因为您可以为布局中的每个项目提供weightSum和layout_weight。这没有按预期工作(参见下面的代码和图像)。我正确地这样做了吗?我是否必须回到为每个可能的屏幕尺寸创建RelativeLayout?

我的图片是一个可绘制的文件夹,我的布局位于一个布局文件夹中。

XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg"
    android:gravity="center"
    android:orientation="vertical"
    android:weightSum="100" >

    <ImageButton
        android:id="@+id/btn1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter"
        android:src="@drawable/image0"
        android:background="@null"
        android:layout_weight="30" />

    <ImageButton
        android:id="@+id/btn2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"  
        android:scaleType="fitCenter"
        android:src="@drawable/image1"
        android:background="@null"
        android:layout_weight="30" />

    <ImageButton
        android:id="@+id/key"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="30"
        android:background="@null"
        android:src="@drawable/image0_key" />

    <TextView
        android:id="@+id/tvScore"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:text="Score: 0"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_weight="10"
        android:layout_gravity="left" />

</LinearLayout>

结果视图(项目溢出和布局与屏幕尺寸不一致)

Nexus One:

enter image description here

片剂:

enter image description here

编辑: 我添加了以下drawable -____文件夹。它产生相同的结果。

enter image description here

6 个答案:

答案 0 :(得分:2)

您可能需要考虑创建兼容性布局文件夹。 :)

enter image description here

答案 1 :(得分:2)

是的,我们通过使用Android的百分比布局来获得相同的解决方案,我们现在可以使用app:layout_heightPercentapp:layout_widthPercent来使用单一布局来适应所有屏幕。

compile 'com.android.support:percent:23.0.0'

为什么现在使用LinearLayout weight属性我们有更简单的解决方案。

  

Demo HERE !

     

GitHub project HERE !

考虑一个简单的样本

<android.support.percent.PercentRelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/fifty_huntv"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="#ff7acfff"
        android:text="20% - 50%"
        android:textColor="@android:color/white"
        app:layout_heightPercent="20%"
        app:layout_widthPercent="50%" />
    <TextView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_toRightOf="@id/fifty_huntv"
        android:background="#ffff5566"
        android:text="80%-50%"
        app:layout_heightPercent="80%"
        app:layout_widthPercent="50%"
        />

</android.support.percent.PercentRelativeLayout>

enter image description here

希望它对某人有用: - )

答案 2 :(得分:0)

使用Below布局来排列ImageButton和TextView。它适用于所有屏幕尺寸的布局。

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="3" />

<ImageButton
    android:id="@+id/imageBtn1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@drawable/ic_launcher" />

<ImageButton
    android:id="@+id/imageBtn2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@drawable/ic_launcher" />

<TextView
    android:id="@+id/tv1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:text="Score: 0" />

</LinearLayout>

答案 3 :(得分:0)

永远不要把重量总和如100,只需尝试使用单个数字

答案 4 :(得分:0)


-----------------------------7df230460a08
Content-Disposition: form-data; name="title"

asdfasdf asdf asdf 
-----------------------------7df230460a08
Content-Disposition: form-data; name="description"

asdf asdf asdf asdf asdf adfaf qwe asd fadklfj asdlkfh asdjfklasdhfjklasdf asdlkfh lasdjhflasdhlf hdlf halsdf asdf asdf asdf asdf df asd
-----------------------------7df230460a08
Content-Disposition: form-data; name="price"

33
-----------------------------7df230460a08
Content-Disposition: form-data; name="foto"; filename="C:\temp\DSC_0675.JPG"
Content-Type: image/jpeg


-----------------------------7df230460a08--

//(YourObject)可以是按钮,图像按钮,textview等所有内容......

答案 5 :(得分:0)

这里有两个问题,一个是填充屏幕尺寸,另一个是支持手机的各种分辨率尺寸。即使在xxxhdpi范围内,随着新的旗舰三星手机移动到19.5 x 16,也会有所不同。

线性布局以及权重属性的确提供了很好的覆盖范围,但请注意嵌套标签和性能。在我处理的大多数情况下,效果都很好。

此外,如其他答案所指出的,标准尺寸的不同可绘制对象/资源有助于在所有设备中保持相似的视图。

enter image description here