TextView离开屏幕

Question

我正在构建一个聊天应用程序，所以我将气泡显示为textView的背景，还有一个imageView。

为了能够区分用户的消息，我隐藏了一个imageView（使用visibilty.Gone）并将layout_gravity更改为右边的左边以正确显示消息。

一切都很好，除非来自“马克扎克伯格”的消息（并且只有当他来自他时）太长，文本视图就会离开屏幕。

这是我的布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/wrapper"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">

<br.com.guitcastro.meetapp.views.CircularImageView
    android:id="@+id/leftImageView"
    android:layout_width="70dp"
    android:layout_height="70dp"
    android:layout_gravity="center_vertical"
    android:padding="10dp"
    android:paddingLeft="10dp"
    android:visibility="visible" />

<TextView
    android:id="@+id/comment"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_margin="10dp"
    android:background="@drawable/bubble_purple"
    android:gravity="center_vertical|center_horizontal"
    android:text="Hello bubbles! This is a very ver"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:textColor="@android:color/primary_text_light" />

<br.com.guitcastro.meetapp.views.CircularImageView
    android:id="@+id/rightImageView"
    android:layout_width="70dp"
    android:layout_height="70dp"
    android:layout_gravity="center_vertical"
    android:padding="10dp"
    android:paddingLeft="10dp"
        android:visibility="visible" />
</LinearLayout>

显示“正确”布局的代码：

   if (left) {
        rightImageView.setVisibility(View.GONE);
        leftImageView.setVisibility(View.VISIBLE);
        messageText.setTextColor(Color.WHITE);
        this.setImageDrawable(leftImageView, me);

        messageText.setBackgroundResource(R.drawable.bubble_green);
        wrapper.setGravity(Gravity.LEFT);
    } else {
        leftImageView.setVisibility(View.GONE);
        rightImageView.setVisibility(View.VISIBLE);
        this.setImageDrawable(rightImageView, StringUtils.parseName(message.getFrom()));

        messageText.setBackgroundResource(R.drawable.bubble_yellow);
        wrapper.setGravity(Gravity.RIGHT);
    }

这是一个screenShot，我现在拥有的（我知道泡泡是错的，请忽略，现在这不重要）。

Answer 1

maybe this can help you

// get dimensions
Display display = getWindowManager().getDefaultDisplay();
        int width = display.getWidth(); // largura

// get dimensions in percent
double percentWidth = width/100;

int percentToSetHeight = percentHeight*80;

if (left) {
        rightImageView.setVisibility(View.GONE);
        leftImageView.setVisibility(View.VISIBLE);
        messageText.setTextColor(Color.WHITE);
    messageText.setMaxWidth(percentToSetHeight);
        this.setImageDrawable(leftImageView, me);

        messageText.setBackgroundResource(R.drawable.bubble_green);
        wrapper.setGravity(Gravity.LEFT);
    } else {
        leftImageView.setVisibility(View.GONE);
        rightImageView.setVisibility(View.VISIBLE);
        this.setImageDrawable(rightImageView, StringUtils.parseName(message.getFrom()));
    messageText.setMaxWidth(percentToSetHeight);
        messageText.setBackgroundResource(R.drawable.bubble_yellow);
        wrapper.setGravity(Gravity.RIGHT);
    }

Answer 2

// try this way,hope this will help you...

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/wrapper"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">

    <br.com.guitcastro.meetapp.views.CircularImageView
        android:id="@+id/leftImageView"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_gravity="center_vertical"
        android:padding="10dp"
        android:paddingLeft="10dp"
        android:visibility="visible" />

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1">
        <TextView
            android:id="@+id/comment"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="10dp"
            android:background="@drawable/bubble_purple"
            android:gravity="center"
            android:text="Hello bubbles! This is a very ver"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="@android:color/primary_text_light" />
    </LinearLayout>


    <br.com.guitcastro.meetapp.views.CircularImageView
        android:id="@+id/rightImageView"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_gravity="center_vertical"
        android:padding="10dp"
        android:paddingLeft="10dp"
        android:visibility="visible" />
</LinearLayout>