2015-01-05 3 views
0

Я работаю в части дизайна моего проекта.TextView накладывается на другой в Android

У меня есть макет, как показано ниже:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="80dp" > 

    <RelativeLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_toLeftOf="@+id/textviewIdPushDate" 
     android:layout_toRightOf="@+id/imageviewIdPushPopup" > 

     <TextView 
      android:id="@+id/textviewIdPushShowName" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentTop="true" 
      android:singleLine="true" 
      android:text="Show" /> 

     <TextView 
      android:id="@+id/textviewIdPushEmailId" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerVertical="true" 
      android:singleLine="true" 
      android:text="Show" /> 

     <TextView 
      android:id="@+id/textviewIdPushAlert" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentBottom="true" 
      android:singleLine="true" 
      android:text="Show" /> 
    </RelativeLayout> 

    <TextView 
     android:id="@+id/textviewIdPushDate" 
     android:layout_width="150dp" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:gravity="right" 
     android:text="Show" /> 

    <ImageView 
     android:id="@+id/imageviewIdPushPopup" 
     android:layout_width="80dp" 
     android:layout_height="80dp" 
     android:layout_alignParentLeft="true" /> 

</RelativeLayout> 

В этой компоновке, в RelativeLayout, который содержит 3 TextViews не заказывали один за другим, как и ожидалось, в 10 inchSamsung таблетки. Тот же рабочий тон в таблетке 7 inch.

Я приложил все усилия к своему уровню. Может ли кто-нибудь понять ошибку, которую я сделал, если таковая имеется?

И предложите некоторые учебные пособия для Android.

+1

На разных экранах устройства он будет получать разные пиксели и пространство. Поэтому на большом экране это будет беспорядочно. Вы можете использовать linearlayout с весовым свойством или использовать свойство relativelayout правильно. – RockStar

+0

увеличить высоту относительной компоновки, так как ppi - это больше 10-дюймового планшета, 80 дп становится маленьким. Используйте два макета для 7 дюймов и 10 дюймов. – droid

+0

Что я могу поставить под сомнение, вы хотите показать три текстовых вида, выровненных по горизонтали в 10-дюймовом планшете и вертикально на других устройствах, так ли. –

ответ

0

Может быть, вы можете использовать LinearLayout вместо RelativeLayout, так что вы будете иметь 3 TextViews хорошо упорядоченные, вертикально или горизонтально, как это (в коде я поставил вертикальную ориентацию)

<LinearLayout 
    android:layout_width="wrap_content" 
    android:layout_height="match_parent" 
    android:layout_toLeftOf="@+id/textviewIdPushDate" 
    android:layout_toRightOf="@+id/imageviewIdPushPopup" 
    android:orientation="vertical"> 

    <TextView 
     android:id="@+id/textviewIdPushShowName" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:singleLine="true" 
     android:text="Show" /> 

    <TextView 
     android:id="@+id/textviewIdPushEmailId" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerVertical="true" 
     android:singleLine="true" 
     android:text="Show" /> 

    <TextView 
     android:id="@+id/textviewIdPushAlert" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:singleLine="true" 
     android:text="Show" /> 
    </LinearLayout> 

и для Android Учебники по дизайну, я думаю, что лучше всего сделать в первую очередь - использовать официальные учебные пособия: http://developer.android.com/design/index.html

Надеюсь, что это может помочь.

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