Android 被安卓布局困住了
这就是我的布局。下面给出了相应的代码Android 被安卓布局困住了,android,textview,android-relativelayout,android-cardview,Android,Textview,Android Relativelayout,Android Cardview,这就是我的布局。下面给出了相应的代码 <?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/card_view"
android:layout_gravity="center"
android:layout_width="match_parent"
android:layout_height="280dp"
card_view:cardElevation="8dp"
card_view:cardUseCompatPadding="true">
<RelativeLayout
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="bottom">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/postTime"
android:layout_above="@+id/linearLayout"
android:layout_alignParentEnd="true"
android:layout_marginEnd="15dp"
android:layout_marginBottom="14dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="0"
android:id="@+id/score"
android:layout_marginEnd="20dp"
android:layout_alignParentTop="true"
android:layout_alignEnd="@+id/postTime"
android:layout_marginTop="34dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:id="@+id/postText"
android:layout_marginLeft="20dp"
android:gravity="center"
android:layout_alignBottom="@+id/postTime"
android:layout_alignParentLeft="true"
android:layout_toStartOf="@+id/likes"
android:layout_alignTop="@+id/score" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="0 likes"
android:id="@+id/likes"
android:layout_marginTop="19dp"
android:layout_below="@+id/score"
android:layout_alignEnd="@+id/postTime" />
<LinearLayout android:layout_alignParentBottom="true"
android:layout_marginBottom="6dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:id="@+id/linearLayout">
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/plusTwoButton"
android:src="@drawable/fab_shadow_mini"
android:layout_marginLeft="20dp"
android:layout_marginRight="8dp"
android:layout_marginBottom="5dp"
android:background="@drawable/button_border"
/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/plusOneButton"
android:layout_marginBottom="5dp"
android:src="@drawable/fab_shadow_mini"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:background="@drawable/button_border"
/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/minusOneButton"
android:src="@drawable/fab_shadow_mini"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginBottom="5dp"
android:background="@drawable/button_border"
/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/minusTwoButton"
android:src="@drawable/fab_shadow_mini"
android:layout_marginLeft="8dp"
android:layout_marginRight="20dp"
android:layout_marginBottom="5dp"
android:background="@drawable/button_border"
/>
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:id="@+id/coName"
android:layout_marginLeft="15dp"
android:layout_marginTop="5dp"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:id="@+id/deName"
android:layout_marginTop="5dp"
android:layout_alignBottom="@+id/coname"
android:layout_toEndOf="@+id/coname"
android:layout_marginStart="29dp" />
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/deleteButton"
android:layout_alignBottom="@+id/dename"
android:layout_alignRight="@+id/likes"
android:layout_alignEnd="@+id/likes"
android:background="@android:color/transparent"
android:src="@drawable/ic_delete_black_18dp" />
</RelativeLayout>
</android.support.v7.widget.CardView>
在“postText”视图的字符数低于某个限制(140)之前,此布局是正常的。现在我想在相同的布局中容纳更多的文本。因此,我尝试将cardview和相对布局的高度设置为wrapcontent,并在相对布局上设置minHeight。如本文所述
<android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/card_view"
android:layout_gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content"
card_view:cardElevation="8dp"
card_view:cardUseCompatPadding="true">
<RelativeLayout
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="280dp"
>
这样做,我得到以下结果,postTime和postText视图丢失。如何调试这个我的目标是使cardview随着postText textview中文本的大小而增长。
更新:
显示两张卡片的图像,其文本超过文本视图,且小于文本视图
尝试此XML布局,CardView将随着内容区域的增长而增长
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/card_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
card_view:cardElevation="8dp"
card_view:cardUseCompatPadding="true">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<!-- Layout for text body with right side information-->
<RelativeLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:text="Body Text"
android:textSize="25sp"
android:gravity="center"
android:id="@+id/textbody"
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@+id/cardInfo"
android:minHeight="150dp"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<RelativeLayout
android:id="@+id/cardInfo"
android:orientation="vertical"
android:layout_alignParentRight="true"
android:layout_alignTop="@+id/textbody"
android:layout_alignBottom="@+id/textbody"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
>
<LinearLayout
android:layout_alignRight="@+id/time"
android:layout_alignLeft="@+id/time"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:layout_gravity="right"
android:layout_width="20dp"
android:layout_height="30dp"
android:background="#444"/>
<TextView
android:text="0"
android:textSize="30sp"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<TextView
android:text="0 likes"
android:textSize="20sp"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>
<TextView
android:id="@+id/time"
android:layout_alignParentBottom="true"
android:text="in 7 minutes"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
</RelativeLayout>
<!-- Layout for bottom imageVies -->
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageButton
android:layout_weight="1"
android:layout_width="match_parent"
android:layout_height="70dp"
android:id="@+id/plusTwoButton"
android:layout_marginLeft="20dp"
android:layout_marginRight="8dp"
android:layout_marginBottom="5dp"
android:background="#444"
/>
<ImageButton
android:layout_weight="1"
android:layout_width="match_parent"
android:layout_height="70dp"
android:id="@+id/plusOneButton"
android:layout_marginBottom="5dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:background="#444"
/>
<ImageButton
android:layout_weight="1"
android:layout_width="match_parent"
android:layout_height="70dp"
android:id="@+id/minusOneButton"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginBottom="5dp"
android:background="#444"
/>
<ImageButton
android:layout_weight="1"
android:layout_width="match_parent"
android:layout_height="70dp"
android:id="@+id/minusTwoButton"
android:layout_marginLeft="8dp"
android:layout_marginRight="20dp"
android:layout_marginBottom="5dp"
android:background="#444"
/>
</LinearLayout>
</LinearLayout>
</android.support.v7.widget.CardView>
好吧,那么。我想我已经治好了你的布局。不幸的是,这会造成一个过于复杂的嵌套布局结构,但它应该适用于您想要做的事情 基本上,您需要一个垂直的线性布局来嵌套外部的相对布局容器和底部框。然后,您将在该页面和帖子文本中创建一个线性布局。这很难解释,所以我将向您展示其结构。注意,我没有CardLayouts,但是这应该可以通过一些小的调整来实现 我决定使用这种嵌套方式,因为你们会希望你们的文章区域也随着左手的大小而增长。您的帖子文本或此侧边容器可能是定义卡片大小的容器,因此您需要考虑这一点,并让底层“向下推”。这最好是通过思考各部分中的区域来实现的 所以我们可以看到紫色和蓝色部分应该包含在一个区域中,可能是线性布局。紫色区域本身有多个需要说明的容器,因此我们可以将其分为两部分,主要内容是和左侧。诸如此类 我希望这有帮助
<LinearLayout
android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/card_view"
android:layout_gravity="center"
android:layout_width="match_parent"
android:elevation="8dp"
android:layout_height="wrap_content">
<RelativeLayout
android:id="@+id/relative"
android:orientation="horizontal"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RelativeLayout
android:id="@+id/postText_container"
android:layout_alignParentLeft="true"
android:layout_toStartOf="@+id/text_container"
android:layout_width="wrap_content"
android:gravity="center"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:id="@+id/postText"
android:layout_marginLeft="20dp"
android:text="bluh lbuh"/>
</RelativeLayout>
<LinearLayout
android:orientation="vertical"
android:id="@+id/text_container"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="0 likes"
android:id="@+id/likes"
android:layout_marginTop="19dp"
android:layout_below="@+id/score"
android:layout_alignEnd="@+id/postTime" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:id="@+id/coName"
android:layout_marginLeft="15dp"
android:layout_marginTop="5dp"
android:layout_alignParentTop="true" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:id="@+id/deName"
android:layout_marginTop="5dp"
android:layout_alignBottom="@+id/coName"
android:layout_toEndOf="@+id/coName"
android:layout_marginStart="29dp" />
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/deleteButton"
android:layout_alignBottom="@+id/deName"
android:layout_alignRight="@+id/likes"
android:layout_alignEnd="@+id/likes"
android:background="@android:color/transparent" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/postTime"
android:layout_alignParentBottom="true"
android:layout_alignParentEnd="true"
android:layout_marginEnd="15dp"
android:layout_marginBottom="14dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="0"
android:id="@+id/score"
android:layout_marginEnd="20dp"
android:layout_alignParentTop="true"
android:layout_alignEnd="@+id/postTime"
android:layout_marginTop="34dp" />
</LinearLayout>
</RelativeLayout>
<LinearLayout
android:layout_marginBottom="6dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:id="@+id/linearLayout">
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/plusTwoButton"
android:layout_marginLeft="20dp"
android:layout_marginRight="8dp"
android:layout_marginBottom="5dp"
/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/plusOneButton"
android:layout_marginBottom="5dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/minusOneButton"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginBottom="5dp"
/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/minusTwoButton"
android:layout_marginLeft="8dp"
android:layout_marginRight="20dp"
android:layout_marginBottom="5dp"
/>
</LinearLayout>
</LinearLayout>
这是布局呈现的内容(请记住,我现在没有所有的支持库,因此没有CardLayout。当我将所有内容移动到LinearLayout容器中时,可能还弄乱了整体位置。因此,您必须重新定位这些内容。):
将9patch用作卡片内的容器谢谢指针。你也能看看我关于语法分析的问题吗@RobertRowntree即使我将9补丁背景设置为card/relative layout/textview,我的问题仍然存在。为什么你认为设置9补丁可以解决我的问题。你能解释一下吗?你能贴出<140个字符的样子吗?此外,您是否可以启用
显示布局边界
并发布>和<140个字符的外观图片。@JaySoyer第一张图片显示了您的要求。我们将在几天后通知您。谢谢你的努力。看来这对我有用。不过,我需要将cardview的线性布局更改为相对布局并进行更改。我将授予赏金,如果我将来对此有任何疑问,请澄清任何进一步的疑问。