ui布局设计卡在这里

时间:2012-12-12 07:14:47

标签: android textview ui-design

我有两个带两种颜色的文字视图

  1. “qwer tyu iopasd fgh jkl zxcv bnm”和
  2. “123456789”
  3. 我想设计一个文本视图,例如在“qwer tyu iopasd fgh jkl zxcv bnm”旁边显示它没有任何空格“123456789” 如果第一个textview转到2到3行,那该怎么办?

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
    
        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="qwer tyu iopasd fgh jkl zxcv bnm"
            android:textAppearance="?android:attr/textAppearanceLarge" />
    
        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="123456789"
            android:textAppearance="?android:attr/textAppearanceLarge" />
    
    </LinearLayout>
    

2 个答案:

答案 0 :(得分:1)

我对文本都给予了重视:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:weightSum="1">
    <TextView
        android:id="@+id/textView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="qwer tyu iopasd fgh jkl zxcv bnm"
        android:textAppearance="?android:attr/textAppearanceLarge" 
        android:layout_weight="0.50"/>
    <TextView
        android:id="@+id/textView2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="123456789"
        android:textAppearance="?android:attr/textAppearanceLarge" 
        android:layout_weight="0.50"
        android:paddingLeft="15dp"/>
</LinearLayout>*

答案 1 :(得分:0)

如果您希望文本视图在同一行中显示一个接一个,请使用LinearLayout中的属性 android:orientation="horizontal"

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >

如果您想在其他地方添加文字视图,则应使用属性android:orientation="vertical"

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

没有边距和填充

更新了答案 这是另一种解决方案

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:shrinkColumns="*" >

<TableRow
    android:id="@+id/give_id"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >
<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="qwer tyu iopasd fgh jkl zxcv bnm"
    android:maxLines="3" />
<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="123456789"
    />
</TableRow>
</TableLayout>