【问题标题】:relative layout can't wrap and keep stretching相对布局不能换行并保持拉伸
【发布时间】:2013-06-05 07:45:54
【问题描述】:

我有这个布局

我已将灰色框的宽度设置为 wrap_content,但它不会换行,而是像往常一样拉伸。这是死 xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:background="#ffffff" >

<ImageView
    android:id="@+id/item_image"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:background="@drawable/image_photo" />

<RelativeLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="10dp"
    android:padding="5dp"
    android:layout_alignParentTop="true"
    android:layout_toLeftOf="@+id/item_image"
    android:background="#cccccc" >

    <TextView 
        android:id="@+id/item_text_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:textStyle="bold"
        android:textSize="20sp"
        android:text="Name"
        />
    <TextView 
        android:id="@+id/item_text_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:layout_alignRight="@+id/item_text_1"
        android:textSize="14sp"
        android:text="Message"
        />
</RelativeLayout>

</RelativeLayout>

就像普通的聊天列表项一样,你知道,盒子应该把里面的内容包裹起来吧? 那么我该如何实现呢?

谢谢!

更新

这是我的右对齐聊天项目框,xml 代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:background="#ffffff" >

<ImageView
    android:id="@+id/item_image"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:background="@drawable/image_photo" />

<LinearLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="10dp"
    android:padding="5dp"
    android:orientation="vertical"
    android:layout_alignParentTop="true"
    android:layout_toLeftOf="@+id/item_image"
    android:background="#cccccc" >

    <TextView 
        android:id="@+id/item_text_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:textStyle="bold"
        android:textSize="20sp"
        android:text="Name"
        />
    <TextView 
        android:id="@+id/item_text_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:gravity="right"
        android:layout_gravity="right"
        android:textSize="14sp"
        android:text="Message"
        />
</LinearLayout>

</RelativeLayout>

对于左对齐的聊天框以防其他用户使用,您只需删除 android:layout_gravity 和 android:gravity!谢谢!

【问题讨论】:

  • 为什么你的图像视图超出了相对布局???
  • 有两种相对布局,图像视图在外部,而这两个文本视图在内部相对布局
  • @user724861 看看这个外部布局也会很有帮助

标签: android xml android-relativelayout


【解决方案1】:

删除

android:layout_alignParentRight="true"
android:layout_alignParentTop="true"

来自

<TextView 
        android:id="@+id/item_text_1"
        ...

因为您想对齐其父级而不是视图本身

【讨论】:

  • 哇!谢谢!我不明白那个细节。对于那些想要制作聊天列表项的人,我已经在那里更新了我的问题,希望能有所帮助!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-17
  • 1970-01-01
  • 1970-01-01
  • 2012-02-17
  • 1970-01-01
相关资源
最近更新 更多