如何自动调整大小,兼容,调整所有Android设备的屏幕大小

时间:2014-05-12 10:19:19

标签: android android-layout android-xml android-screen-support android-resolution

我正在创建一个简单的测验测试应用“Target SDK API 16(4.1 Jelly Beans)”屏幕3.7(480x800 hdpi)。

这个应用程序在3.7(480x800)上看起来很棒,但是当我在另一个筛选设备上运行时,如2.7(240x320),7.0(1024x600),10.1(1280x800),它的屏幕分辨率变得混乱或看起来很糟糕。

为了更好地理解,请参阅屏幕截图:

2.7(240x320)

http://postimg.cc/image/m3sob88mp/

3.7(480x800)

http://postimg.cc/image/wf513w0c1/

7.0(1024x600)

http://postimg.cc/image/fc298djn5/

10.1(1280x800)

http://postimg.cc/image/isk5gon7p/

我希望这与所有屏幕尺寸兼容/外观完美,就像它在3.7(480x800)中看起来一样

如何自动调整大小,兼容,调整所有Android设备的屏幕尺寸,使其在每个屏幕分辨率下看起来都很完美?

或者我必须创建不同的应用程序或不同的屏幕尺寸吗?

我尝试使屏幕兼容的是: 将这些行添加到“AndroidManifest.xml”

<supports-screens>

        android:resizeable="true"
        android:smallScreens="true"
        android:normalScreens="true"
        android:largeScreens="true"
        android:xlargeScreens="true"
        android:anyDensity="true"

    </supports-screens>

的AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.usd.quiztest"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="16" />

    <supports-screens>
        android:resizeable="true"
        android:smallScreens="true"
        android:normalScreens="true"
        android:largeScreens="true"
        android:xlargeScreens="true"
        android:anyDensity="true"
    </supports-screens>

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >

        <activity
            android:name="com.usd.quiztest.Logo"
            android:label="@string/app_name"            
            android:theme="@android:style/Theme.Black.NoTitleBar" >

            <intent-filter>
                <action android:name="android.intent.action.MAIN" />               
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>

        </activity>

        <activity
            android:name="com.usd.quiztest.First"
            android:label="@string/app_name" >
        </activity>                
        <activity
            android:name="com.usd.quiztest.Q1"
            android:label="@string/app_name" >
        </activity>        
         <activity
            android:name="com.usd.quiztest.Q2"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.usd.quiztest.Q3"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.usd.quiztest.Q4"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.usd.quiztest.Q5"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.usd.quiztest.FinalPage"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.usd.quiztest.Score"
            android:label="@string/app_name" >
        </activity>

    </application>

</manifest>

first_screen.xml (这是屏幕截图中显示的屏幕)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/RelativeLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"    
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="30dp"
        android:contentDescription="ql"
        android:gravity="center"
        android:src="@drawable/ql" />

    <Button
        android:id="@+id/start_button"
        android:layout_width="254dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imageView1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="30dp"
        android:text="Start Quiz Test"
        android:textColor="#000000" />

</RelativeLayout>

4 个答案:

答案 0 :(得分:8)

如果您想支持不同的屏幕尺寸,有些事情至关重要:

  • 为每个屏幕密度存储分区使用不同的drawable(drawables-hdpidrawables-xhdpi等)
  • 使用dp代替px作为尺寸单位。
  • 避免使用绝对尺寸,使用边距并让Android相应地缩放尺寸。

您可以阅读有关支持多种屏幕尺寸here的更多信息。

修改

要使用不同的按钮/字体大小和边距,您应该使用dimens.xml

res/values-hdpi/dimens.xml
res/values-xhdpi/dimens.xml

示例dimens.xml

<resources>
    <!-- Default screen margins, per the Android Design guidelines. -->
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
</resources>

答案 1 :(得分:2)

使用线性布局作为主要布局,并使用weightSum将其划分为第三或第四部分,直到您想要如何划分它然后使用其他子线性布局并从总主布局为每个子线性布局指定weightSum 。管理子布局中的UI小部件。这是下面的例子

答案 2 :(得分:1)

您应该使用约束布局。你可以在对象之间创建约束......并且应该使用&#34; match_constraints&#34;,&#34; match_parent&#34;,&#34; wrap_content&#34;对于size..And也使用边距..你可以学习How to Build a Responsive UI with ConstraintLayout

答案 3 :(得分:0)

您将需要创建不同的布局文件夹和具有不同尺寸组的文件夹。然后,从维度文件夹应用xml中的大小,然后再引用特定的布局文件夹。

我在下面的链接中找到了一个很好的解决方案,该链接可用于我的所有应用,没有任何问题,并且有许多新技术可实现屏幕兼容性。

Android Screen Compatibility