android的应用程序,不适合屏幕

时间:2014-01-16 08:51:23

标签: android android-layout

我是Android应用程序开发的新手。我的应用程序的布局页面不适合设备屏幕,它跨越屏幕。当我进入横向模式然后home_imgbtn,msg_imgbtn,chat_imgbtn,like_imgbtn,set_imgbtn取得他们之间的差距,不是作为肖像模式查看。请帮助我....这是我的代码..

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:tools="http://schemas.android.com/tools"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              tools:context=".MainActivity">

    <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="STATUS BAR"
            android:id="@+id/textView"
            android:background="@drawable/img1"
            android:layout_gravity="center|bottom"
            android:textColor="#fffdfb"
            android:textColorHighlight="#fff8f8"
            android:textStyle="bold"
            android:autoText="false"
            android:gravity="center_horizontal|bottom"/>

    <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

        <ImageButton
                android:layout_width="90dp"
                android:layout_height="39dp"
                android:id="@+id/home_imgbtn"
                android:layout_gravity="center_horizontal|top"
                android:src="@drawable/img3"
                android:layout_marginRight="1dp"
                android:layout_weight="30"
                android:layout_marginLeft="-2dp"/>

        <ImageButton
                android:layout_width="90dp"
                android:layout_height="39dp"
                android:id="@+id/msg_imgbtn"
                android:layout_gravity="center_horizontal|top"
                android:src="@drawable/img2"
                android:layout_weight="30"
                android:layout_marginLeft="-7dp"/>

        <ImageButton
                android:layout_width="90dp"
                android:layout_height="39dp"
                android:id="@+id/chat_imgbtn"
                android:layout_gravity="center_horizontal|top"
                android:src="@drawable/img4"
                android:layout_marginRight="1dp"
                android:layout_weight="30"/>

        <ImageButton
                android:layout_width="90dp"
                android:layout_height="fill_parent"
                android:id="@+id/like_imgbtn"
                android:src="@drawable/img5"
                android:layout_weight="30"/>

        <ImageButton
                android:layout_width="wrap_content"
                android:layout_height="39dp"
                android:id="@+id/set_imgbtn"
                android:layout_gravity="center_horizontal|top"
                android:src="@drawable/img6"
                android:layout_marginLeft="1dp"
                android:layout_weight="30"/>
    </LinearLayout>


    <LinearLayout
            android:orientation="vertical"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">

        <TextView
                android:layout_width="fill_parent"
                android:layout_height="41dp"
                android:text="My Kicka Details"
                android:id="@+id/textView2"
                android:textAlignment="gravity"
                android:textColor="#000100"
                android:textStyle="bold"
                android:textSize="35dp"
                android:layout_gravity="center|bottom"
                android:background="@drawable/img7"
                android:gravity="center"/>
    </LinearLayout>

    <LinearLayout
            android:orientation="vertical"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">

        <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="Let's help you find the best perks!"
                android:id="@+id/textView3"
                android:gravity="center"
                android:textColor="#000000"
                android:textSize="22dp"
                />
    </LinearLayout>

    <LinearLayout
            android:orientation="vertical"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">

        <TableLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">

            <TableRow
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent">
            </TableRow>

            <TableRow
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content">

                <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="NAME"
                        android:id="@+id/textView4"
                        android:layout_column="3"
                        android:textColor="#010101"
                        android:textSize="20dp"
                        android:layout_marginLeft="45dp"
                        android:layout_marginTop="25dp"
                        android:textStyle="bold"/>

                <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="JOHN "
                        android:id="@+id/textView5"
                        android:layout_column="10"
                        android:layout_marginTop="25dp"
                        android:layout_marginLeft="55dp"
                        android:textColor="#010101"
                        android:textSize="20dp"
                        android:textStyle="bold"
                        android:singleLine="false"
                        android:phoneNumber="false"/>
            </TableRow>

            <TableRow
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent">

                <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="SURNAME"
                        android:id="@+id/textView6"
                        android:layout_column="3"
                        android:layout_marginTop="15dp"
                        android:layout_marginLeft="45dp"
                        android:textColor="#010101"
                        android:textStyle="bold"
                        android:textSize="20dp"/>

                <TextView
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="CHATTERJEE"
                        android:id="@+id/textView7"
                        android:layout_column="10"
                        android:layout_marginLeft="55dp"
                        android:layout_marginTop="15dp"
                        android:textColor="#000100"
                        android:textStyle="bold"
                        android:textSize="20dp"
                        android:layout_gravity="top"/>
            </TableRow>
            <TableRow
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent">

                <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="POST CODE"
                        android:id="@+id/textView6"
                        android:layout_column="3"
                        android:layout_marginTop="15dp"
                        android:layout_marginLeft="45dp"
                        android:textColor="#010101"
                        android:textStyle="bold"
                        android:textSize="20dp"/>

                <TextView
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="742563212"
                        android:id="@+id/textView7"
                        android:layout_column="10"
                        android:layout_marginLeft="55dp"
                        android:layout_marginTop="15dp"
                        android:textColor="#000100"
                        android:textStyle="bold"
                        android:textSize="20dp"
                        android:layout_gravity="top"/>
            </TableRow>
            <TableRow
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent">

                <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="GENDER"
                        android:id="@+id/textView6"
                        android:layout_column="3"
                        android:layout_marginTop="15dp"
                        android:layout_marginLeft="45dp"
                        android:textColor="#010101"
                        android:textStyle="bold"
                        android:textSize="20dp"/>

                <TextView
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="MALE"
                        android:id="@+id/textView7"
                        android:layout_column="10"
                        android:layout_marginLeft="55dp"
                        android:layout_marginTop="15dp"
                        android:textColor="#000100"
                        android:textStyle="bold"
                        android:textSize="20dp"
                        android:layout_gravity="top"/>
            </TableRow>
            <TableRow
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent">

                <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="D.O.B"
                        android:id="@+id/textView6"
                        android:layout_column="3"
                        android:layout_marginTop="15dp"
                        android:layout_marginLeft="45dp"
                        android:textColor="#010101"
                        android:textStyle="bold"
                        android:textSize="20dp"/>

                <TextView
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="06/05/1988"
                        android:id="@+id/textView7"
                        android:layout_column="10"
                        android:layout_marginLeft="55dp"
                        android:layout_marginTop="15dp"
                        android:textColor="#000100"
                        android:textStyle="bold"
                        android:textSize="20dp"
                        android:layout_gravity="top"/>
            </TableRow>




        </TableLayout>

        <LinearLayout
                android:orientation="vertical"
                android:layout_width="333dp"
                android:layout_height="wrap_content"
                android:layout_gravity="left|center_vertical"
                android:layout_marginLeft="-70dp"
                android:layout_marginTop="15dp">

            <ImageButton
                    android:layout_width="180dp"
                    android:layout_height="wrap_content"
                    android:id="@+id/imageButton15"
                    android:background="@drawable/img15"
                    android:layout_gravity="center"
                    android:layout_marginLeft="88dp"
                    android:layout_marginTop="8dp"/>
        </LinearLayout>

        <LinearLayout
                android:orientation="vertical"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginTop="10dp">

            <TextView
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:text="iAD"
                    android:id="@+id/textView9"
                    android:textStyle="bold"
                    android:textSize="35dp"
                    android:background="@drawable/img10"
                    android:gravity="center"
                    android:textColor="#fff9f0"
                    android:layout_marginTop="12dp"/>
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

3 个答案:

答案 0 :(得分:2)

你可以创建两个布局,一个是小屏幕手机将使用的默认布局,其xml文件将位于标准布局文件夹中,第二个将用于平板电脑,它应该在文件夹布局中 - 大。

For example, the following is a list of resource directories in an application that provides different layout designs for different screen sizes and different bitmap drawables for medium, high, and extra high density screens.

res/layout/my_layout.xml             // layout for normal screen size ("default")
res/layout-small/my_layout.xml       // layout for small screen size
res/layout-large/my_layout.xml       // layout for large screen size
res/layout-xlarge/my_layout.xml      // layout for extra large screen size
res/layout-xlarge-land/my_layout.xml // layout for extra large in landscape orientation

res/drawable-mdpi/my_icon.png        // bitmap for medium density
res/drawable-hdpi/my_icon.png        // bitmap for high density
res/drawable-xhdpi/my_icon.png       // bitmap for extra high density

更多信息请访问官方文档:http://developer.android.com/guide/practices/screens_support.html

答案 1 :(得分:1)

您应该关注Developer website Support Mutilple SCreen

你有的选择:

1)为不同的Layout

创建不同的Screen

对于Ex:

例如:如下所示在资源文件夹中创建以下文件夹

res/layout-land [Landscape]

main.xml 

res/layout-port [Portrait]

main.xml

希望这可以让你清楚......

答案 2 :(得分:0)

将整个布局放在ScrollView中。

如果您需要垂直空间,请使用ScrollView。 如果需要水平空间,请使用Horizo​​ntalScrollView。 使用HorizontalScrollView

<HorizontalScrollView 
    android:... >
    <..... your current layout ....>
</HorizontalScrollView>

这是example