不显示ImageView

时间:2013-07-04 21:55:52

标签: android android-layout

我有一个布局,但没有显示带有@id/category_starred_icon的ImageView,预期的行为是将带有2 TextView的LinearLayout扩展到所有可用的空白区域,但是ImageView没有显示

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="@drawable/borders" >

    <View
        android:id="@+id/category_color"
        android:layout_width="match_parent"
        android:layout_height="5dp"
        android:background="@color/awazari_blue" />

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

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

            <TextView
                android:id="@+id/category_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textIsSelectable="false"
                android:textSize="18sp"
                android:paddingLeft="5dp"
                android:paddingTop="5dp"
                android:paddingRight="5dp"
                android:textColor="@android:color/black"
                android:hint="@string/app_name"  />

            <TextView
                android:id="@+id/category_description"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textIsSelectable="false"
                android:maxLines="3"
                android:paddingLeft="5dp"
                android:paddingRight="5dp"
                android:textColor="@color/awazari_medium_gray"
                android:ellipsize="end"
                android:hint="@string/description" />
        </LinearLayout>

        <ImageView
            android:id="@+id/category_starred_icon"
            android:layout_width="64dp"
            android:layout_height="64dp"
            android:src="@drawable/unstarred"
            android:contentDescription="@string/app_name"
            android:layout_gravity="right" />

    </LinearLayout>
</LinearLayout>

3 个答案:

答案 0 :(得分:3)

使用下面的代码,它将完全给你你想要的东西:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="?android:attr/listPreferredItemHeight"

android:padding="6dip">

<LinearLayout
    android:orientation="vertical"

    android:layout_width="0dip"
    android:layout_weight="1"
    android:layout_height="fill_parent">

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="0dip"
        android:layout_weight="1"                   
        android:gravity="center_vertical"
        android:text="First Textview" />

    <TextView  
        android:layout_width="fill_parent"
        android:layout_height="0dip"
        android:layout_weight="1"             
        android:singleLine="true"
        android:ellipsize="marquee"
        android:text="Second Textview" />

</LinearLayout>

<ImageView
    android:id="@+id/icon"        
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:layout_marginRight="6dip"        
    android:src="@drawable/ic_launcher" />

</LinearLayout>

这是输出:

enter image description here

希望这对你有所帮助。

答案 1 :(得分:0)

如果没有屏幕截图或说明,我不确定您想要的是什么,但问题是您的ImageView位于LienarLayouthorizontal orientation谁有另一个孩子{{1} LinearLayout horizontal orientation width match_parentImageView<LinearLayout android:orientation="horizontal" <!-- This is the ImageViews parent --> android:layout_width="match_parent" android:layout_height="wrap_content"> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" <!-- This child is taking up all of the width --> android:layout_height="wrap_content">

LinearLayout

您可以在此处执行不同的操作,具体取决于您要删除其中一个vertical orientation或给予RelativeLayout或使用<RelativeLayout android:layout_width="match_parent" //changed this to a RelativeLayout android:layout_height="wrap_content"> <LinearLayout android:id="@+id/ll" android:orientation="vertical" android:layout_width="wrap_content" // changed the width here android:layout_height="wrap_content"> <TextView android:id="@+id/category_name" android:layout_width="match_parent" android:layout_height="wrap_content" android:textIsSelectable="false" android:textSize="18sp" android:paddingLeft="5dp" android:paddingTop="5dp" android:paddingRight="5dp" android:textColor="@android:color/black" android:text="Text" /> <TextView android:id="@+id/category_description" android:layout_width="match_parent" android:layout_height="wrap_content" android:textIsSelectable="false" android:maxLines="3" android:paddingLeft="5dp" android:paddingRight="5dp" android:ellipsize="end" android:text="Text Again"/> </LinearLayout> <ImageView android:id="@+id/category_starred_icon" android:layout_width="64dp" android:layout_height="64dp" android:src="@drawable/blue_box" android:layout_gravity="right" android:layout_alignParentRight="true" /> </LinearLayout> 。但我不知道你到底想要什么,所以很难给出完整的答案

修改

你可以看看这是否能满足你的需求。没有屏幕截图或更好的描述,很难确切地知道你想要的一切。但你可以根据自己的喜好调整这个

TextView

请注意,我更改了{{1}}的文字,颜色和背景,以便我可以在我的编辑器中显示

答案 2 :(得分:0)

您的ImageView已被隐藏,因为您使用android:orientation="horizontal"并使用android:layout_width="match_parent"布局。

它隐藏了ImageView内部LinearLayout右侧的android:weight=1

您可以使用ImageView填充LinearLayout {{1}}之外的所有可用空间。