繁体   English   中英

ListView行样式 - 左对齐文本和右对齐图标

[英]ListView row styling - left aligned text, and right-aligned icon

我正在尝试将ListView行看起来如下所示:

| Text-Text-Text                        <ImageButton> |

图像按钮捕捉到右边缘。 我怎样才能做到这一点? 这是我正在使用的当前布局代码。 我究竟做错了什么?

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/layercontainer"
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:background="#699">
 <LinearLayout
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_weight="1"
   android:layout_gravity="left">
   <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="YO HOW SI IT GOESSDA" />
 </LinearLayout>

 <LinearLayout
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_weight="1"
   android:layout_gravity="right">
   <ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/trash" />
 </LinearLayout>
</LinearLayout>

我的代码目前产生这个: 哎呀

步骤#1:使用RelativeLayout基础。

第2步:将你的ImageButton设为android:layout_alignParentRight="true"

第3步:把TextView放到android:layout_alignParentLeft="true"android:layout_toLeftOf="..." (其中...是你的ImageButton的ID),也许还有其他一些RelativeLayout.LayoutParams值用于垂直对齐

以下代码片段提供了一个示例,说明如何创建具有一些文本的ListView行(水平左对齐,通过android:layout_alignParentLeft="true" )和一个图标(通过android:layout_alignParentRight="true"水平右对齐android:layout_alignParentRight="true" ),并且所有垂直居中( android:layout_centerVertical="true" )。

它呈现如下(YMMV,取决于全局样式):

渲染代码示例

还有一个注释掉的附加图标,可以放在最右边的图标的左侧; 删除XML注释标记以启用。

这是布局XML:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="?android:attr/listPreferredItemHeight"
    android:descendantFocusability="blocksDescendants"
    android:padding="6dp">
    <!-- Note: android:descendantFocusability="blocksDescendants" set to ensure that
     OnItemClickListener works by ensuring constituent controls do not take focus -->


    <TextView
        android:id="@+id/lbl_list_item_row_text"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:lines="1"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:text="My List Item Text"
        />

    <!-- This can be uncommented to add another button 

    <ImageButton
        android:id="@+id/btn_additional_icon"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@+id/icon_additional_icon"
        android:layout_centerVertical="true"
        android:layout_width="wrap_content"
        android:padding="3dp"
        android:background="@null" 
        android:src="@drawable/icon_additional_icon" />

    -->

    <ImageButton
        android:id="@+id/icon_additional_icon"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:background="@null"
        android:padding="3dp"
        android:src="@drawable/icon_right_aligned_icon" />
</RelativeLayout>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM