在Android布局中Textview未正确包装

时间:2014-04-04 06:17:35

标签: android xml user-interface textview textwrapping

我在创建页面时遇到问题

enter image description here

当我添加多行时,UI看起来不太好

这是我的XML

`

<RelativeLayout
    android:id="@+id/Top_layout"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:background="@drawable/title_bar_bg" >

    <ImageView
        android:id="@+id/app_name"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:background="@drawable/ic_launcher" />
</RelativeLayout>

<RelativeLayout
    android:id="@+id/layout_sub_middle"
    android:layout_width="match_parent"
    android:layout_height="30dp"
    android:background="#D4D5D5" >

    <TextView
        android:id="@+id/titel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="4dp"
        android:text="Aller Biler"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:background="#000"
        android:gravity="bottom"
        android:textAppearance="?android:attr/textAppearanceSmall" />
</RelativeLayout>

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:layout_marginBottom="1dp"
    android:layout_marginTop="1dp" >

    <ImageView
        android:id="@+id/image_display_detail"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_gravity="center_horizontal"
        android:background="@drawable/ic_launcher" />
</RelativeLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:weightSum="3" >

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_weight="1"
        android:text="Navn:" />

    <TextView
        android:id="@+id/display_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:ellipsize="none"
        android:maxLines="2"
        android:scrollHorizontally="false"
        android:singleLine="false"
        android:text="manish" />
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="50dp"
    android:weightSum="3" >

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_weight="1"
        android:text="Navn:" />

    <TextView
        android:id="@+id/display_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:text="What we are looking forBachelor degree or equivalentKeen interest in online marketing &amp; online business models3-4 years of experience in handling web analytics tools such as Google Analytics, Omniture or Web trendsUnderstanding of HTML and web protocolsBeginner-to-Intermediate JavaScript skillsComf" />
</LinearLayout>

`

请建议如何处理短信。

2 个答案:

答案 0 :(得分:3)

Android不支持文字对齐,抱歉。您可以使用android:gravity属性将文本对齐到左侧或右侧或中心等,但您无法证明它是正确的。我猜的唯一选择是使用 WebView 来显示文字,然后使用 CSS 来使文字对齐

答案 1 :(得分:2)

试试这个:

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

<RelativeLayout
    android:id="@+id/Top_layout"
    android:layout_width="match_parent"
    android:layout_height="80dp"
 >

    <ImageView
        android:id="@+id/app_name"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:background="@drawable/ic_launcher" />
</RelativeLayout>

<RelativeLayout
    android:id="@+id/layout_sub_middle"
    android:layout_width="match_parent"
    android:layout_height="30dp"
    android:background="#D4D5D5" >

    <TextView
        android:id="@+id/titel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="4dp"
        android:text="Aller Biler"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:background="#000"
        android:gravity="bottom"
        android:textAppearance="?android:attr/textAppearanceSmall" />
</RelativeLayout>

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:layout_marginBottom="1dp"
    android:layout_marginTop="1dp" >

    <ImageView
        android:id="@+id/image_display_detail"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_gravity="center_horizontal"
        android:background="@drawable/ic_launcher" />
</RelativeLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
 android:weightSum="3"
>
    <LinearLayout 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        >
          <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:text="Navn:" />
    </LinearLayout>

   <LinearLayout 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        >

    <TextView
        android:id="@+id/display_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"       
        android:ellipsize="none"
        android:maxLines="2"
        android:scrollHorizontally="false"
        android:singleLine="false"
        android:text="manish" />
    </LinearLayout>
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="50dp"
    android:weightSum="3"
  >
    <LinearLayout 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        >
    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:text="Navn:" />
    </LinearLayout>
     <LinearLayout 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        >

    <TextView
        android:id="@+id/display_name"
        android:layout_width="wrap_content"
        android:gravity="left"
        android:layout_height="wrap_content"

        android:text="What we are looking forBachelor degree or equivalentKeen interest in online marketing &amp; online business models3-4 years of experience in handling web analytics tools such as Google Analytics, Omniture or Web trendsUnderstanding of HTML and web protocolsBeginner-to-Intermediate JavaScript skillsComf" />
</LinearLayout>
</LinearLayout>
</LinearLayout>