具有maxwidth的Android TextView

时间:2015-02-06 11:39:10

标签: android textview

我有一个宽度可变的TextView,但最大值为250dp。但不知何故,Android将它始终设置为maxwidth。

文字较短且没有最大宽度可以使用,但文字足够长,以至于字段超出屏幕宽度,与箭头重叠。

enter image description here

我已经尝试了这两种变体,它们给出了与图片中相同的结果

<TextView
    android:id="@+id/bubbleText"
    style="@style/MarkerText"
    android:maxWidth="250dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#FF0000"
    android:layout_marginEnd="@dimen/defaultSpacing" />

<TextView
    android:id="@+id/bubbleText"
    style="@style/MarkerText"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginEnd="@dimen/defaultSpacing"
    android:layout_weight="1"
    android:background="#FF0000"
    android:maxWidth="250dp"
    android:singleLine="false" />

我希望它看起来像这样:

enter image description here

其他信息:

完整的XML

<LinearLayout
    android:id="@+id/markerTextBubble"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical"
    android:visibility="invisible" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/marker_text_background" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:paddingBottom="@dimen/tinySpacing"
            android:paddingEnd="@dimen/defaultSpacing"
            android:paddingStart="@dimen/defaultSpacing"
            android:paddingTop="@dimen/tinySpacing" >

            <TextView
                android:id="@+id/bubbleText"
                style="@style/MarkerText"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="@dimen/defaultSpacing"
                android:background="#FF0000"
                android:maxWidth="250dp" />

            <mypackage.IconTextView
                xmlns:android="http://schemas.android.com/apk/res/android"
                style="@style/MarkerTextIcon"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:gravity="center"
                android:text="@string/icon_map_arrow" />
        </LinearLayout>
    </LinearLayout>

    <ImageView
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_marginBottom="-5dp"
        android:layout_marginTop="-1dp"
        android:src="@drawable/marker_text_background_rectangle" />
</LinearLayout>
<style name="MarkerText" parent="android:Widget.Holo.Light.TextView">
    <item name="android:textColor">@color/myWhite</item>
    <item name="android:textSize">@dimen/markerTextSize</item>
</style>

<dimen name="markerTextSize">22sp</dimen>

此独立代码段中也会出现问题:

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#FF0000"
    android:maxWidth="250dp"
    android:text="1. Willkommen bei meiner APP"
    android:textSize="22sp" />

2 个答案:

答案 0 :(得分:1)

不是100%肯定,但我认为问题在于它是一个多行文字。

当文字较短时,视图是否按预期运行?即“1.欢迎”

我认为发生的事情如下:

视图尝试将其设置在一行上,然后展开直到其最大宽度(假设不足以进行渲染),使其成为多行,但不会拉伸视图。

您可以尝试使用“1. Willkommen bei \ nmeiner APP”来查看它是否显示预期的行为。

希望这有帮助。

答案 1 :(得分:0)

使用maxWidth不会导致它伸展。

最有可能出现在您的代码中:

android:layout_marginEnd="@dimen/defaultSpacing" 

并检查任何尺寸:

style="@style/MarkerText"

单独设置maxWidth不会导致此问题。

必须有一些数字在你的文本和右侧textview之间放置填充,或者可能是一些奇怪的边缘混乱。

使用maxWidth不应该强制它向右移动,正如我在图像中向您展示的那样,我认为这是嵌套布局,并且在布局和元素中有很多定义边距和填充的编码,这可能是强制你的texview向右移动,文本会自动换行,因为它不能放在第一行,但textview本身仍然被推到右边。

image