堆棧內存溢出
  簡體   English   中英

設置多個文本視圖Android

[英]Setting Multiple Text Views Android

 原文  2013-06-14 20:52:53  7   5    java/ android/ eclipse/ textview

問題描述

我有一對文本視圖，我在彼此旁邊設置，我也需要垂直布局它們，不幸的是我有一個區域不能正確設置txtView2根據底部的代碼。 如果您查看“查看加油站”，則單擊此處會在其上繪制。 我在這里想念的是什么？ 這是我的屏幕截圖。

在此輸入圖像描述

這是我的布局代碼。 

<RelativeLayout 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: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=".MainActivity" >

<TextView  android:id="@+id/txtViewGPS"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="" 
    android:textSize="20sp"
    android:textColorLink="#FFFF00"
    android:textStyle="bold"/>
<TextView  android:id="@+id/txtView_5"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="" 
    android:layout_below="@+id/txtViewGPS"
    android:textSize="20sp"
    android:textColorLink="#FFFF00"
    android:textStyle="bold"/>
<TextView android:id="@+id/textView1_1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:singleLine="true" 
    android:text="To view Evacuation Routes - "
    android:textSize="20sp"
    android:textStyle="bold" 
    android:layout_marginRight="5dp"/>

<TextView  android:id="@+id/txtView1"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="" 
    android:layout_toRightOf="@id/textView1_1"
    android:textSize="20sp"
    android:textStyle="bold"
    android:layout_alignParentRight="true"/>
<TextView  android:id="@+id/txtView1_5"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="" 
    android:layout_below="@+id/txtView1"
    android:textSize="20sp"
    android:textColorLink="#FFFF00"
    android:textStyle="bold"/>  
 <TextView android:id="@+id/textView2_1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:singleLine="true" 
    android:layout_below="@+id/txtView1_5"
    android:text="To view shelters - "
    android:textSize="20sp"
    android:textStyle="bold" 
    android:layout_marginRight="5dp"/>
<TextView  android:id="@+id/txtView2"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/txtView1"
    android:text="" 
    android:layout_toRightOf="@id/textView2_1"
    android:textSize="20sp"
    android:textStyle="bold"
    android:layout_alignParentRight="true"/>
<TextView  android:id="@+id/txtView2_5"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="" 
    android:layout_below="@+id/txtView2_1"
    android:textSize="20sp"
    android:textColorLink="#FFFF00"
    android:textStyle="bold"/>  
 <TextView android:id="@+id/textView3_1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:singleLine="true" 
    android:layout_below="@+id/txtView2_5"
    android:text="To view Fuel Stations  - "
    android:textSize="20sp"
    android:textStyle="bold" 
    android:layout_marginRight="5dp"/>
<TextView  android:id="@+id/txtView3"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/txtView2"
    android:layout_toRightOf="@id/textView3_1"
    android:text="" 
    android:textSize="20sp"
    android:textStyle="bold"
    android:layout_alignParentRight="true"/>

</RelativeLayout>

5 個解決方案

解決方案1
 2 已采納  2013-06-14 21:18:45

我會將RelativeLayout更改為TableLayout或具有3個水平LinearLayouts的垂直LinearLayout。 對於像這樣的簡單實現，RelativeLayouts比必要的更麻煩。

TableLayout示例： 

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    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=".MainActivity" >

    <TableRow>

        <TextView
            android:id="@+id/textView1_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:singleLine="true"
            android:text="To view Evacuation Routes - "
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/txtView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=""
            android:textSize="20sp"
            android:textStyle="bold" />
    </TableRow>

    <TableRow>

        <TextView
            android:id="@+id/textView3_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:singleLine="true"
            android:text="To view Fuel Stations  - "
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/txtView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=""
            android:textSize="20sp"
            android:textStyle="bold" />
    </TableRow>

    <TableRow>

        <TextView
            android:id="@+id/textView2_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:singleLine="true"
            android:text="To view shelters - "
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/txtView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=""
            android:textSize="20sp"
            android:textStyle="bold" />
    </TableRow>

</TableLayout>

LinearLayout示例： 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    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=".MainActivity" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/textView1_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:singleLine="true"
            android:text="To view Evacuation Routes - "
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/txtView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=""
            android:textSize="20sp"
            android:textStyle="bold" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/textView3_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:singleLine="true"
            android:text="To view Fuel Stations  - "
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/txtView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=""
            android:textSize="20sp"
            android:textStyle="bold" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/textView2_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:singleLine="true"
            android:text="To view shelters - "
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/txtView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=""
            android:textSize="20sp"
            android:textStyle="bold" />
    </LinearLayout>

</LinearLayout>

解決方案2
 0  2013-06-14 20:57:32

移動用戶習慣於點擊整個區域（如列表項）。 我建議擺脫“點擊這里”鏈接，只需點擊整個文本。 然后你可以將它們全部放在一個垂直的LinearLayout或ListView中。

解決方案3
 0  2013-06-14 21:04:00

你的解決方案從一開始就不好，因為你試圖使用2個textView而不是一個。 想想如果屏幕無法同時保存它們，或者用戶已經設置為OS使用更大的字體會發生什么。

這是一些可能的解決方案：

  1. 無論如何使用2個textviews和自定義布局（如flowLayout ）。 不建議使用textViews的整個部分而不是單詞。

  2. 使用單個textView和Html.fromHtml並處理單擊鏈接。

  3. 使用webView顯示HTML內容並處理單擊鏈接。 不推薦，因為webView有滾動的奇怪問題，特別是如果它在一個可滾動的容器內。

順便說一下，你應該把你的字符串放在strings.xml中。 它對本地化特別有用。

解決方案4
 0  2013-06-14 21:06:48

txtView2設置為顯示在txtView2_1的右側，當它應設置為顯示在txtView3_1的右側（查看填充站）。

但是，您確實需要更好地命名您的ID。 它太混亂了。

解決方案5
 0  2013-06-14 21:09:22

我不確定這是否有效，但試一試。 我的評論可能令人困惑。

嘗試刪除android:layout_toRightOf="@id/textView2_1"的textView2 ，並添加到它 

android:layout_alignRight="@+id/textView1"  <!-- or whatever is the id of the one above this one

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 Android Text View在運行時-文本視圖會膨脹為多行 在Android中處理多個視圖 Android應用多視圖 Android多次滑動視圖 Android：在圖片上方設置文字和多張圖片無法正常工作。 在 GridView 中添加多個文本視圖 如何簡化在Android小部件中為視圖設置值 文本視圖未在Android中設置文本 具有多個視圖的Android觸摸事件 如何對來自其他布局Android的多個文本視圖執行單擊操作
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM