佈局在實際設備上看起來不同於在圖形化佈局中顯示的食譜

我正在使用我的應用程序的用戶界面。
我在Eclipse中獲得的圖形佈局看起來很完美，應該是這樣。
但是，當我在模擬器或設備上啓動應用程序時，它會變形。
每個UI組件，如Buttons，EditTexts和TextViews。
所有的邊距和襯墊都會丟失。佈局在實際設備上看起來不同於在圖形化佈局中顯示的食譜

 <LinearLayout 
      android:id="@+id/ll_grand_parent" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentTop="true" 
      android:gravity="fill_horizontal" 
      android:orientation="vertical" 
      android:weightSum="10" > 



      <LinearLayout 
       android:id="@+id/ll_button_signin_create_account" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_gravity="fill" 
       android:layout_marginLeft="7dp" 
       android:layout_marginTop="29dp" 
       android:layout_weight="2" 

       android:orientation="horizontal" 
       android:visibility="visible" 
       > 

       <Button 
        android:id="@+id/button_common_singin" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 

        android:background="@drawable/transparent_button" 
        android:gravity="center" 
        android:text="Sign In" 
        android:textColor="#FFFFFF" 
        android:textSize="13sp" /> 

       <Button 
        android:id="@+id/button_common_create_account" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 

        android:background="@drawable/colored_button" 
        android:gravity="center" 
        android:text="Create Account" 
        android:textColor="#FFFFFF" 
        android:textSize="13sp" /> 
      </LinearLayout> 

      <LinearLayout 
       android:id="@+id/signin_main" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="5.24" 
       android:orientation="vertical" 
       android:visibility="gone" > 

       <LinearLayout 
        android:id="@+id/ll_parent_signin_email_password" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:layout_marginLeft="10dp" 
        android:layout_marginRight="10dp" 
        android:layout_marginTop="20sp" 
        android:layout_weight=".8" 
        android:background="@drawable/border" 
        android:orientation="vertical" 
        android:visibility="visible" > 
<LinearLayout 
         android:id="@+id/ll_signin_email" 
         android:layout_width="match_parent" 
         android:layout_height="0dp" 
         android:layout_gravity="center" 
         android:layout_weight="2" 
         android:orientation="horizontal" 
         android:visibility="visible" 
         android:weightSum="10" > 

         <TextView 
          android:id="@+id/textview_space_signin_email" 
          android:layout_width="0dp" 
          android:layout_height="fill_parent" 
          android:layout_weight="2" /> 

         <TextView 
          android:id="@+id/textview_signin_email" 
          android:layout_width="0dp" 
          android:layout_height="fill_parent" 
          android:layout_weight="3" 
          android:gravity="center" 
          android:text="Email" 
          android:textColor="#FFFFFF" /> 
         <EditText 
          android:id="@+id/edittext_signin_email" 
          android:layout_width="wrap_content" 
          android:layout_height="fill_parent" 
          android:layout_weight="3" 
          android:background="@android:color/transparent" 
          android:gravity="center" 
          android:hint="[email protected]" 
          android:textColorHint="#FFFFFF" 
          android:textSize="13dp" /> 
        </LinearLayout> 
        <View 
         android:id="@+id/view_line_signin_email_password" 
         android:layout_width="fill_parent" 
         android:layout_height="1dip" 
         android:background="#FFFFFF" /> 

        <LinearLayout 
         android:id="@+id/ll_signin_password" 
         android:layout_width="match_parent" 
         android:layout_height="0dp" 
         android:layout_gravity="center" 
         android:layout_weight="2" 
         android:orientation="horizontal" 
         android:visibility="visible" 
         android:weightSum="10" > 
         <TextView 
          android:id="@+id/textview_space_signin_password" 
          android:layout_width="0dp" 
          android:layout_height="fill_parent" 
          android:layout_weight="1" /> 

         <TextView 
          android:id="@+id/textview_signin_password" 
          android:layout_width="0dp" 
          android:layout_height="fill_parent" 
          android:layout_weight="3" 
          android:gravity="center" 
          android:text="Password" 
          android:textColor="#FFFFFF" /> 
         <EditText 
          android:id="@+id/edittext_signin_password" 
          android:layout_width="0dp" 
          android:layout_height="fill_parent" 
          android:layout_weight="4.49" 
          android:background="@android:color/transparent" 
          android:gravity="center" 
          android:hint="*********" 
          android:password="true" 
          android:textColorHint="#FFFFFF" /> 
        </LinearLayout> 
       </LinearLayout> 

       <LinearLayout 
        android:id="@+id/ll_signin_logme_parent_button" 
        android:layout_width="fill_parent" 
        android:layout_height="0dp" 
        android:layout_marginTop="20dp" 
        android:layout_weight="1" 
        android:orientation="horizontal" 
        android:visibility="visible" 
        android:weightSum="10" > 

        <TextView 
         android:id="@+id/textview_space_signin_loginme_button_lhs" 
         android:layout_width="0dp" 
         android:layout_height="fill_parent" 
         android:layout_weight="1" /> 
        <Button 
         android:id="@+id/button_signin_loginme" 
         android:layout_width="0dp" 
         android:layout_height="fill_parent" 
         android:layout_weight="7" 
         android:background="#219AC7" 
         android:gravity="center" 
         android:text="Login Me" 
         android:textColor="#FFFFFF" /> 

        <ImageView 
         android:id="@+id/textview_space_signin_logmebutton_rhs" 
         android:layout_width="0dp" 
         android:layout_height="fill_parent" 
         android:layout_weight=".7" /> 
       </LinearLayout> 
       <RelativeLayout 
        android:id="@+id/relative_layout_signin_parent_forgetpassword" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="right" 
        android:layout_marginLeft="14dp" 
        android:layout_marginTop="9dp" 
        android:visibility="visible" > 
        <TextView 
         android:id="@+id/textview_signin_forget_password" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="forget password" 
         android:textColor="#000000" /> 
       </RelativeLayout> 
       <LinearLayout 
        android:id="@+id/ll_signin_orline_draw_parent" 
        android:layout_width="fill_parent" 
        android:layout_height="0dp" 
        android:layout_gravity="center" 
        android:layout_weight="1" 
        android:orientation="horizontal" 
        android:visibility="visible" 
        android:weightSum="10" > 
        <View 
         android:layout_width="fill_parent" 
         android:layout_height="1dip" 
         android:layout_gravity="center" 
         android:layout_weight="4" 
         android:background="#000000" 
         android:padding="20dp" /> 

        <ImageView 
         android:id="@+id/imageview_signin_or_drawline" 
         android:layout_width="wrap_content" 
         android:layout_height="match_parent" 
         android:layout_weight="2" 
         android:src="@drawable/or" /> 
        <View 
         android:layout_width="fill_parent" 
         android:layout_height="1dip" 
         android:layout_gravity="center" 
         android:layout_weight="4" 
         android:background="#000000" 
         android:padding="20dp" /> 
       </LinearLayout> 
       <LinearLayout 
        android:id="@+id/ll_signin_parent_loginwith_facebook" 
        android:layout_width="fill_parent" 
        android:layout_height="0dp" 
        android:layout_marginTop="13dp" 
        android:layout_weight="1" 
        android:orientation="horizontal" 
        android:visibility="visible" 
        android:weightSum="10" > 
        <TextView 
         android:id="@+id/textview_space_signin_facebook_lhs" 
         android:layout_width="0dp" 
         android:layout_height="wrap_content" 
         android:layout_weight="1" /> 
        <ImageView 
         android:id="@+id/imageview_signin_facebook_logo" 
         android:layout_width="0dp" 
         android:layout_height="match_parent" 
         android:layout_weight="2" 
         android:background="@drawable/fb" /> 
        <Button 
         android:id="@+id/button_singin_facebook" 
         android:layout_width="0dp" 
         android:layout_height="fill_parent" 
         android:layout_weight="6" 
         android:background="#3B5998" 
         android:text="login with facebook" 
         android:textColor="#FFFFFF" /> 
        <TextView 
         android:id="@+id/textview_space_sigin_facebook_rhs" 
         android:layout_width="0dp" 
         android:layout_height="wrap_content" 
         android:layout_weight="1" /> 
       </LinearLayout> 
      </LinearLayout> 
      <LinearLayout 
       android:id="@+id/signup_main" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center" 
       android:layout_weight="6" 
       android:orientation="vertical" 
       android:visibility="visible" > 
       <LinearLayout 
        android:id="@+id/ll_signup_parentlayout_name" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:layout_marginLeft="10dp" 
        android:layout_marginRight="10dp" 
        android:layout_marginTop="20sp" 
        android:layout_weight=".8" 
        android:background="@drawable/border" 
        android:orientation="vertical" 
        android:visibility="visible" > 
        <LinearLayout 
         android:id="@+id/ll_singnup_firstname" 
         android:layout_width="match_parent" 
         android:layout_height="0dp" 
         android:layout_gravity="center" 
         android:layout_weight="2" 
         android:orientation="horizontal" 
         android:visibility="visible" 
         android:weightSum="10" > 
         <TextView 
          android:id="@+id/textview_signup_firstname" 
          android:layout_width="0dp" 
          android:layout_height="fill_parent" 
          android:layout_weight="3" 
          android:gravity="center" 
          android:text="First Name" 
          android:textColor="#FFFFFF" /> 
         <EditText 
          android:id="@+id/edittext_signup_firstname" 
          android:layout_width="wrap_content" 
          android:layout_height="fill_parent" 
          android:layout_weight="3" 
          android:background="@android:color/transparent" 
          android:gravity="center" 
          android:hint="John" 
          android:singleLine="true" 
          android:textColor="#FFFFFF" 
          android:textColorHint="#FFFFFF" 
          /> 
         <EditText 
          android:id="@+id/edittext_singup_email" 
          android:layout_width="wrap_content" 
          android:layout_height="fill_parent" 
          android:layout_weight="3" 
          android:background="@android:color/transparent" 
          android:gravity="center" 
          android:hint="[email protected]" 
          android:singleLine="true" 
          android:textColor="#FFFFFF" 
          android:textColorHint="#FFFFFF" 
          android:textSize="13dp" 
          android:visibility="gone" > 

         </EditText> 
        </LinearLayout> 
        <View 
         android:id="@+id/view_signup_line_draw_name_first_last_name" 
         android:layout_width="fill_parent" 
         android:layout_height="1dip" 
         android:background="#FFFFFF" /> 
        <LinearLayout 
         android:id="@+id/ll_signup_lastname" 
         android:layout_width="match_parent" 
         android:layout_height="0dp" 
         android:layout_gravity="center" 
         android:layout_weight="2" 
         android:orientation="horizontal" 
         android:visibility="visible" 
         android:weightSum="10" > 
         <TextView 
          android:id="@+id/textview_signup_lastname" 
          android:layout_width="0dp" 
          android:layout_height="fill_parent" 
          android:layout_weight="3" 
          android:gravity="center" 
          android:text="Last Name" 
          android:textColor="#FFFFFF" /> 
         <EditText 
          android:id="@+id/edittext_signup_lastname" 
          android:layout_width="0dp" 
          android:layout_height="match_parent" 
          android:layout_weight="4.47" 
          android:background="@android:color/transparent" 
          android:gravity="center" 
          android:hint="Smith" 
          android:password="false" 
          android:singleLine="true" 
          android:textColor="#FFFFFF" 
          android:textColorHint="#FFFFFF" /> 
        </LinearLayout> 
       </LinearLayout> 
       <LinearLayout 
        android:id="@+id/ll_singnup_email_parent" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:layout_marginLeft="10dp" 
        android:layout_marginRight="10dp" 
        android:layout_marginTop="20sp" 
        android:layout_weight=".8" 
        android:background="@drawable/border" 
        android:orientation="vertical" 
        android:visibility="visible" > 
        <LinearLayout 
         android:id="@+id/ll_signup_email_address" 
         android:layout_width="match_parent" 
         android:layout_height="0dp" 
         android:layout_gravity="center" 
         android:layout_weight="2" 
         android:orientation="horizontal" 
         android:weightSum="10" > 

         <TextView 
          android:id="@+id/textview_signup_email" 
          android:layout_width="0dp" 
          android:layout_height="fill_parent" 
          android:layout_weight="3" 
          android:gravity="center" 
          android:text="Email Address" 
          android:textColor="#FFFFFF" /> 

          <EditText 
          android:id="@+id/edittext_signup_enteremail" 
          android:layout_width="0dp" 
          android:layout_height="fill_parent" 
          android:layout_weight="4.49" 
          android:background="@android:color/transparent" 
          android:gravity="center" 
          android:hint="[email protected]" 
          android:password="false" 
          android:singleLine="true" 
          android:textColor="#FFFFFF" 
          android:textColorHint="#FFFFFF" /> 

        </LinearLayout> 
        <View 
         android:id="@+id/view_signup_draw_line_email" 
         android:layout_width="fill_parent" 
         android:layout_height="1dip" 
         android:background="#FFFFFF" /> 

        <LinearLayout 
         android:id="@+id/ll_signup_reenter_email" 
         android:layout_width="match_parent" 
         android:layout_height="0dp" 
         android:layout_gravity="center" 
         android:layout_weight="2" 
         android:orientation="horizontal" 
         android:visibility="visible" 
         android:weightSum="10" > 
         <TextView 
          android:id="@+id/textview_signup_reenteremail" 
          android:layout_width="0dp" 
          android:layout_height="fill_parent" 
          android:layout_weight="3" 
          android:gravity="center" 
          android:singleLine="true" 
          android:text="Re Enter Email Address" 
          android:textColor="#FFFFFF" /> 

         <EditText 
          android:id="@+id/edittext_signup_reenteremail" 
          android:layout_width="0dp" 
          android:layout_height="fill_parent" 
          android:layout_weight="4.49" 
          android:background="@android:color/transparent" 
          android:gravity="center" 
          android:hint="[email protected]" 
          android:password="false" 
          android:singleLine="true" 
          android:textColor="#FFFFFF" 
          android:textColorHint="#FFFFFF" /> 
        </LinearLayout> 
       </LinearLayout> 
       <LinearLayout 
        android:id="@+id/ll_signup_dob_button_parent" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:layout_marginTop="13dp" 
        android:divider="@drawable/divider" 
        android:gravity="center" 
        android:orientation="horizontal" 
        android:showDividers="middle" 
        android:visibility="visible" 
        android:weightSum="3" > 
        <Button 
         android:id="@+id/button_signup_day" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:background="@drawable/round_button" 
         android:text="BirthDate" 
         android:textColor="#000000" 
         android:textSize="10sp" /> 
        <Button 
         android:id="@+id/button_signup_month" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:background="@drawable/round_button" 
         android:divider="@drawable/divider" 
         android:showDividers="middle" 
         android:text="BirthMonth" 
         android:textColor="#000000" 
         android:textSize="10sp" /> 
        <Button 
         android:id="@+id/button_singup_year" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:background="@drawable/round_button" 
         android:singleLine="true" 
         android:text="BirthYear" 
         android:textColor="#000000" 
         android:textSize="10sp" /> 
       </LinearLayout> 
       <LinearLayout 
        android:id="@+id/ll_singup_radio_gender_parent" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="left" 
        android:layout_marginTop="10dp" 

        android:orientation="horizontal" 
        android:visibility="visible" > 
        <RadioGroup 
         android:id="@+id/radio_signup_radiogroup" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:orientation="horizontal" > 

         <RadioButton 
          android:id="@+id/radiobutton_signup_male" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 

          android:cursorVisible="true" 
          android:text="male " 
          android:textColor="#FFFFFF" 
          android:textColorHighlight="#ED933E" /> 
         <RadioButton 
          android:id="@+id/radiobutton_signup_female" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="female" 
          android:textColor="#FFFFFF" /> 
        </RadioGroup> 
       </LinearLayout> 
       <Button 
        android:id="@+id/button_signup_createaccount" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_marginLeft="13dp" 
        android:layout_marginRight="13dp" 
        android:layout_weight=".003" 
        android:background="@drawable/colored_button" 
        android:text="Create My Account" 
        android:visibility="visible" /> 

     </LinearLayout>

來源

2015-05-01 ChaubeyJi

所有組件用戶界面失真，因爲您將手動保證金，填充，重量，字體大小使用默認像字體大小小，中等...等等。 – KeTaN

如果提供鏈接以顯示它的外觀將會很有幫助。 – Keshav1234

是的KeTan，你是對的..因爲我剛剛刪除了maunal填充和邊距，去了槽動態它幫助我很多 – ChaubeyJi

這些都是您的問題

android:weightSum="10"

的原因，你必須填寫每個視圖父母，並給每個人一個重量只是爲了使這項工作。您可以通過這種方式獲得一個好看的應用程序，但這是相當費力的，我們甚至沒有討論過不同設備之間的文本大小。

也像

android:layout_marginLeft="7dp"

其他的東西想象一下，一個10英寸的平板電腦和一個正常大小的手機。想想這兩者的不同維度以及您的應用程序將如何拉伸。如果你的應用橫向轉向會發生什麼？那麼它會怎樣？去這裏，當你完成閱讀它再讀一遍。 http://developer.android.com/training/basics/supporting-devices/screens.html

來源

2015-05-01 08:45:00 SmulianJulian

thnku它真的幫助我 – ChaubeyJi

不客氣 – SmulianJulian

佈局在實際設備上看起來不同於在圖形化佈局中顯示的食譜

回答

相關問題