2014-01-16 347 views
0

我是新的android應用程序開發。我的應用程序的佈局頁面不適合在設備屏幕上,它跨越screen.when我去橫向模式,然後home_imgbtn,msg_imgbtn,chat_imgbtn ,like_imgbtn,set_imgbtn把他們之間的差距,無法查看的肖像mode.please幫助我....這是我的代碼..android的應用程序,不適合在屏幕上

<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> 
+0

使用橫向模式的另一個佈局,更多信息請參閱http://stackoverflow.com/questions/12781449/different-design-for-landscape-and-portrait-orientation-android –

+0

將screenOrientation設置爲清單中的肖像的活動 – jyomin

回答

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

+0

我不能在屏幕上滾動,也不適合在屏幕上。請將我的出來... – Dhiman

+0

@ user3201621如果你想滾動你的內容,那麼你使用FrameLayout或LinearLayout(作爲ScrollView的單個孩子)並將所有其他視圖添加到FrameLayout或LinearLayout中,然後將此FrameLayout添加到ScrollView中。而已。試試這個,讓我知道如果它不工作。 –

1

您應符合以下Developer websiteSupport Mutilple SCreen

選項進入你得到了:

1)創建不同Layout爲不同Screen

對於防爆:

如:創建如下以下文件夾到你的資源文件夾

res/layout-land [Landscape] 

main.xml 

res/layout-port [Portrait] 

main.xml 

希望這可以讓你清楚..

0

把你的整個佈局的滾動型。

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

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

這裏是一個example

+0

請給我的代碼... – Dhiman

+0

請給我的結構... – Dhiman

相關問題