2015-02-09 3 views
-1

Я создал приложение для Android, которое отлично смотрится на больших экранах. Но представление искажается или, другими словами, верхняя и нижняя части обрезаются на меньших экранах. Я использовал sp и dp взаимозаменяемо, не зная, что они разные, если не то же самое. Как правило, я использовал sp для шрифтов и dp. Но это не сработало. В чем разница между sp и dp и когда использовать что? Заранее спасибо. Файл макета XML являетсяКогда мы должны использовать dp или sp в макете?

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/tempLabel" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="#CC66FF" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
tools:context="com.example.coolweather.MainActivity" > 

<TextView 
    android:id="@+id/actualTemp" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerHorizontal="true" 
    android:layout_centerVertical="true" 
    android:text="@string/hundred" 
    android:textColor="#FFFFFF" 
    android:textSize="150sp" /> 

<ImageView 
    android:id="@+id/degreeImageView" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignTop="@+id/actualTemp" 
    android:layout_toRightOf="@+id/actualTemp" 
    android:paddingTop="50dp" 
    android:src="@drawable/degree" /> 

<ImageView 
    android:id="@+id/imageIcon" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignBottom="@+id/cityLabel" 
    android:layout_alignParentLeft="true" 
    android:layout_marginLeft="55dp" 
    android:src="@drawable/cloudy" /> 

<TextView 
    android:id="@+id/summary" 
    android:textSize="19sp" 
    android:textColor="#FFFFFF" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/linearLayout1" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="38dp" 
    android:text="Pleasant cool day with flowers!" /> 

<LinearLayout 
    android:id="@+id/linearLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignRight="@+id/degreeImageView" 
    android:layout_below="@+id/actualTemp" 
    android:layout_marginTop="15dp" 
    android:orientation="horizontal" 
    android:weightSum="2" > 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:orientation="vertical" 
     android:paddingLeft="15dp" > 

     <TextView 
      android:id="@+id/humidityLabel" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:text="Humidity" 
      android:textColor="#FFFFFF" 
      android:textSize="17sp" /> 

     <TextView 
      android:id="@+id/humidity" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:text="80%" 
      android:textColor="#FFFFFF" 
      android:textSize="17sp" /> 
    </LinearLayout> 

    <LinearLayout 
     android:paddingLeft="15dp" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:orientation="vertical" > 

     <TextView 
      android:id="@+id/precLabel" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:text="Rain/Snow" 
      android:textColor="#FFFFFF" 
      android:textSize="17sp" /> 

     <TextView 
      android:id="@+id/prcip" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:text="100%" 
      android:textColor="#FFFFFF" 
      android:textSize="17sp" /> 
    </LinearLayout> 
</LinearLayout> 

<TextView 
    android:id="@+id/timeLabel" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_above="@+id/actualTemp" 
    android:layout_centerHorizontal="true" 
    android:text="At 5:00pm it will be" 
    android:textColor="#80FFFFFF" 
    android:textSize="20sp" /> 

<TextView 
    android:id="@+id/cityLabel" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_above="@+id/timeLabel" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="37dp" 
    android:text="Roorkee" 
    android:textColor="#FFFFFF" 
    android:textSize="22sp" 
    android:layout_marginLeft="10dp" /> 

<ProgressBar 
    android:layout_marginBottom="15dp" 
    android:id="@+id/progressBar1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_above="@+id/imageIcon" 
    android:layout_centerHorizontal="true" /> 

<ImageView 
    android:id="@+id/refreshImageView" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignBottom="@+id/progressBar1" 
    android:layout_centerHorizontal="true" 
    android:src="@drawable/refresh" /> 

+0

Возможный дубликат [Разница между px, dp, dip и sp в Android?] (Http://stackoverflow.com/questions/2025282/difference-between-px-dp-dip-and-sp-in-android) –

+0

'dp' используется для общего макета,' sp' используется для шрифтов. – jyoon

+0

'sp' или« масштабируемые пиксели »используются для текста. Для макетирования используются 'dp' или« независимые от плотности пиксели ». –

ответ

2

Android рекомендует использовать sp когда вы устанавливаете размер шрифта и dp для всего остального, как ширина, длина, высота, маржа, обивка

+0

Я использовал sp для шрифтов и dp для измерений ... но все же макет искажен –

+0

@NagabhushanBaddi Затем, пожалуйста, отредактируйте свой вопрос и добавьте макет, который выйдет из строя. – Apurva

+0

Я отредактировал вопрос –

0

Вы можете использовать оба из них ни за что: высоты, поля, размер шрифта и т.д.

Разница заключается в том, что dp фиксированный блок и sp будет масштабироваться в соответствии с настройками размера шрифта телефона.

+0

ЕСЛИ я использую sp везде, где моя проблема решена. –

0

sp рекомендуемый блок для размеров шрифтов, так как пользователь может включить низкий -видимости, чтобы увеличить размер шрифта на устройстве.

dp - физическая единица измерения для перевода разрешения экрана в реальный размер. dp рассчитывается как resolution/density, где density - 1.0 для экрана mdpi (160dpi) и масштабируется соответственно на основе dpi (т. Е. Экран xxhdpi с разрешением 480 точек на дюйм будет иметь плотность 3,0). dp используется для всех других физических элементов, которые вы хотите использовать в фиксированном размере реального мира.

Вам нужно опубликовать свой код макета для нас, чтобы выяснить, почему он отключается на небольших экранах, а не на больших. Это, скорее всего, потому, что вы определяете фиксированную высоту/ширину раскладки (то есть 600 дп), которая будет выглядеть нормально на планшете (который обычно имеет минимальную ширину не менее 600 дп), но большинство телефонов в портретном режиме будут иметь ширину 360 дп.

Смежные вопросы