首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在listView中显示只有停车图标的卡?

在ListView中显示只有停车图标的卡,可以通过以下步骤实现:

  1. 创建一个自定义的ListView适配器(Adapter),继承自BaseAdapter或ArrayAdapter,并重写相关方法。
  2. 在适配器的getView()方法中,根据数据源的内容判断是否显示停车图标的卡。
  3. 在getView()方法中,使用布局文件定义每个列表项的样式,包括停车图标和其他相关内容。
  4. 在布局文件中,使用ImageView控件显示停车图标,并使用其他控件显示卡的其他信息。
  5. 将适配器设置给ListView,使其能够显示数据。

以下是一个示例的适配器代码:

代码语言:txt
复制
public class CardAdapter extends BaseAdapter {
    private List<Card> cardList;
    private Context context;

    public CardAdapter(List<Card> cardList, Context context) {
        this.cardList = cardList;
        this.context = context;
    }

    @Override
    public int getCount() {
        return cardList.size();
    }

    @Override
    public Object getItem(int position) {
        return cardList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;

        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(R.layout.list_item_card, parent, false);
            holder = new ViewHolder();
            holder.iconImageView = convertView.findViewById(R.id.iconImageView);
            holder.infoTextView = convertView.findViewById(R.id.infoTextView);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        Card card = cardList.get(position);

        if (card.isParking()) {
            holder.iconImageView.setImageResource(R.drawable.parking_icon);
        } else {
            // 如果不是停车卡,则隐藏停车图标
            holder.iconImageView.setVisibility(View.GONE);
        }

        holder.infoTextView.setText(card.getInfo());

        return convertView;
    }

    private static class ViewHolder {
        ImageView iconImageView;
        TextView infoTextView;
    }
}

在上述代码中,我们使用了一个自定义的Card类来表示每个卡片,其中包含了一个isParking()方法来判断是否是停车卡。根据isParking()的返回值,我们在适配器的getView()方法中设置停车图标的可见性。

布局文件list_item_card.xml示例:

代码语言:txt
复制
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/iconImageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/parking_icon"
        android:visibility="visible" />

    <TextView
        android:id="@+id/infoTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Card Info" />

</LinearLayout>

在布局文件中,我们使用了一个ImageView来显示停车图标,通过设置其visibility属性来控制其可见性。另外,我们还使用了一个TextView来显示卡的其他信息。

最后,将适配器设置给ListView:

代码语言:txt
复制
ListView listView = findViewById(R.id.listView);
CardAdapter adapter = new CardAdapter(cardList, this);
listView.setAdapter(adapter);

这样,ListView中就会根据数据源中每个卡的isParking()方法的返回值来显示停车图标的卡片。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Flutter构建布局 顶

将第一行文本放入Container可以添加填充。 列的第二个子项(也是文本)显示为灰色。 标题行的最后两项是一个红色的星形图标和文字“41”。 将整行放在容器,并沿着每个边缘填充32像素。...例如,左边的屏幕截图显示了3个图标,每个图标下有一个标签: ? ? 第二个屏幕截图显示可视布局,显示一列3列,其中每列包含一个图标和一个标签。...如果您愿意,可以构建仅使用小部件库的标准小部件的应用程序。 如何在Flutter布置单个小部件? 本节介绍如何创建一个简单的小部件并将其显示在屏幕上。...以下示例显示何在行或列内嵌套行或列。 此布局按行组织。 该行包含两个孩子:左侧的一列和右侧的图片: ? 左列的小部件树嵌套行和列。 ? 您将在嵌套行和列实现一些Pavlova的布局代码。...使用ListView显示特定Colors的Material Design面板的颜色。

43.1K10
  • Flutter 卡片选择器

    在本文中,我们将探讨Flutter 的**Card Selector。**我们将看到如何在flutter应用程序中使用card_selector包来实现带有动画和堆叠卡的卡选择器的演示程序。...该演示视频展示了如何在颤动创建卡选择器。它显示了flutter应用程序中使用card_selector软件包的卡选择器的工作方式。它显示了堆叠的卡片,动画,从左到右或从右到左刷卡。...另外,我们将添加mainCardWidth表示列表第一个元素的宽度,mainCardHeight表示列表第一个元素的高度,onChanged表示要在更改后的卡片上执行的回调。...我们将返回ListView.builder(),**在其中添加itemCount和itemBuilder。在itemBuilder,如果索引等于零,则返回列小部件。...return ListView.builder( physics: BouncingScrollPhysics(), itemCount: (_amount['transactions'] as

    7.4K20

    CListCtrl详细使用方法

    ListView_InsertColumn CListCtrl 风格 LVS_ICON: 为每个item显示图标 LVS_SMALLICON: 为每个item显示图标 LVS_LIST...: 显示一列带有小图标的item LVS_REPORT: 显示item详细资料 直观的理解:windows资源管理器,“查看”标签下的“大图标,小图标,列表,详细资料” 设置listctrl 风格及扩展风格.../en-us 如何在CListView中使用CListCtrl的派生类 http://www.codeguru.com/cpp/controls/listview/introduction/article.php...具体参数请参考msdn 在CListCtrl显示文件,并根据文件类型来显示图标 网上找到的代码,share BOOL CTest6Dlg::OnInitDialog() { CDialog...,subitem改变颜色的类 http://www.codeproject.com/listctrl/ReportControl.asp (3) subitem显示超链接 http://www.codeproject.com

    1.1K20

    CListCtrl使用「建议收藏」

    : •LVS_ICON LVS_SMALLICON LVS_LIST LVS_REPORT 这四种风格决定控件的外观,同时只可以选择其中一种,分别对应:大图标显示,小图标显示,列表显示,详细报表显示... ListView_InsertColumn ---- CListCtrl 风格 LVS_ICON: 为每个item显示图标 LVS_SMALLICON: 为每个item显示图标 LVS_LIST...: 显示一列带有小图标的item LVS_REPORT: 显示item详细资料 直观的理解:windows资源管理器,“查看”标签下的“大图标,小图标,列表,详细资料” ---- 设置listctrl.../en-us ---- 如何在CListView中使用CListCtrl的派生类 http://www.codeguru.com/cpp/controls/listview/introduction...LVS_SMALLICON: 为每个item显示图标 LVS_LIST: 显示一列带有小图标的item LVS_REPORT: 显示item详细资料 LVS_EX_FULLROWSELECT

    1.2K20

    Power BI 卡片图显示不同单位

    如果数据差异非常大,有的上亿,有的只有几百,如何在卡片图更好的显示这样的数据?把数据修正同时带有单位是个不错的办法,比如如果数据超过一亿,除以一亿,末尾加个汉字”亿“。...这个方法显示效果欠佳,因为单位和数据是相同格式,且水平对齐,下图进行了优化,单位靠右下角,且字体颜色为灰色,与数据进行了很好的区分。...实现方式是为该卡片设置SVG图标,这需要使用2023年6月Power BI新推出的卡片图(不了解可参考此文:Power BI可视化的巅峰之作:新卡片图),SVG图标的内容为单位,图标度量值如下: 单位图标...[Value] >= 10000, "万", [Value] >= 1000, "千", "元" ) & " " 把该图标度量值如下图放入图像...本方法不仅仅用在卡片图,也可以放在表格矩阵条件格式图标: 这个原理可以进行扩展应用,比如卡片左下角放置币种符号,右上角放置辅助指标。

    56020

    开始使用-编写你的第一个Flutter应用程序 顶

    lib/main.dart 第4步:创建一个无限滚动ListView 在这一步,您将展开RandomWordsState以生成并显示单词配对列表。...当用户滚动时,ListView小部件显示的列表将无限增长。 ListView的builder工厂构造函数允许您根据需要懒惰地构建列表视图。...lib/main.dart 第6步:导航到新的屏幕 在这一步,您将添加一个显示收藏夹的新屏幕(在Flutter称为路由)。 您将学习如何在主路由和新路由之间导航。...1.向RandomWordsState的构建方法的AppBar添加列表图标。 当用户点击列表图标时,包含收藏夹项目的新路线被推送到导航器,显示图标。...列表图标出现在应用程序栏。 点击它什么也没做,因为_pushSaved函数是空的。 3.当用户点击应用栏的列表图标时,建立一条路由并将其推送到导航器的堆栈。 此操作会更改屏幕以显示新路由。

    9.5K20

    Android ListView滚动条配置完全解析

    滚动条的相关显示效果 先来看下ListView的滚动条有哪些显示效果。 滚动条自身的外观 这点不用说,就是滚动条自身的颜色,形状等。...滚动条的大小 ListView是垂直滚动条,它的大小就是滚动条的宽度。 滚动条的显示位置 滚动条出现在ListView左边,还是右边,以及是显示在内侧还是外侧。...滚动条的Fade时间 滚动条只有在滚动的时候才会显示,当停止滚动后,滚动条会在一段时间后渐渐消失。这里有两个时间点,一个是从停止滚动到开始消失的时间,一个是开始消失到完全消失的时间。...在XML自定义ListView滚动条 自定义ListView滚动条可以直接在布局文件ListView进行配置。 先看下ListView在XML中有哪些和滚动条相关的配置选项。...其中fastScrollThumbDrawable和fastScrollTrackDrawable就是用来配置快速滚动条的图标及Track图标的。

    1.3K20

    Power BI模拟京东、微信读书卡片图

    《微信读书、多看阅读、京东读书的可视化》介绍了三个阅读APP的可视化效果,昨天介绍了多看卡片图如何在Power BI实现,今天分享京东和微信的模拟思路。...京东读书APP的卡片图分两组、五个指标,如下图所示。...图标很好加,还是新卡片图视觉对象,在我提供的《复制粘贴就可以使用的Power BI图标素材查询系统2.0》搜索对应SVG图标代码,放到卡片图的图像URL,位置在上方。...此处有一个问题:指标名称也会显示图标下方,如何让指标名称和图标并列? 我们需要将视觉对象默认的指标名称隐藏,接着修改SVG图标,在尾部增加一个text元素,将指标名称显示出来。...以上是京东读书的模拟,微信读书的卡片原理是一致的,也是图标+文本。区别在于文本行数有两行,文本位置有的位于右侧,多个text叠加可以实现需要的效果。

    27320

    (十六)如何用“看板图”实现敏捷项目的可视化?

    只有当一个“进行”卡片所代表的工作完成后,才会有一张新卡片被“拉”进系统。...在TPS,它被用来具体化Just-In-Time的“拉”生产控制。在上图中,看板图显示了在本次迭代要完成的所有任务的当前状态。...image.png 表的横轴代表时间线,线上的竖直区域代表发布,在区域中的卡片各自代表一项该次发布要实现的特性。第一个例子常在开发团队中使用。...image.png 还有一种燃起图,显示已完成的工作,无论使用燃尽图还是燃起图,团队都能看到在迭代过程完成的工作。...除了表情日历之外,还有很多日历变种用来显示项目的状态或者计划。 注意在看板图,燃尽图和停车场图三者,看板图的信息最详细。燃尽图和停车场图可以用看板图的每日变化信息来绘制。

    2.2K31

    ListActivity和自定义列表项

    ()方法来显示某个界面,而是可以直接传入一个内容Adapter,ListActivity的子类就呈现出一个列表。...setListAdapter(adapter); } } ListActivity的布局文件只有一个ListView,只需要为ListActivity设置Adapter...在实际开发,列表经常包括图标、按钮等组件,这就需要开发者自定义列表项来完成了。关键是需要给适配器Adapter提供足够的数据,让Adapter能够用更丰富的View对象来填充列表的每一行。...接下来为ListView提供Adapter,Adapter决定了ListView所要显示的列表项。...从上图可以看到,列表布局里面使用了我们自定义的图标,也修改了文本显示样式。 但是在这个示例,所有的图标都是相同的,往往不能满足实际开发需求,会在下一节来进行学习。

    1.4K50

    除了从交易大厅看美股熔断,遥感图片也能看出疫情对经济的影响

    3月16日,美股遭遇黑色星期一,道指、纳指和标普500暴跌11%以上,触发本月第三次熔断;3月17日,美联储祭出重磅利好,美股反弹超过5%;3月18日,美股再遭恐慌性抛售,道指盘跌幅逾10%,标普500...盘跌幅超过7%触发本月第四次熔断。...比如在大邱(Daegu)生产汽车零部件的韩国公司Tae Chul Industrial,根据Orbital Insight的数据,从太空往下看的卫星显示,员工停车场内的汽车数量明显减少了,装卸码头外面的卡车也增多了...Regeneron公司停车场车辆数据 另一种通常需要用来对抗病毒感染的产品是退烧剂,泰诺(Tylenol)生产的乙酰氨基酚(acetaminophen),Orbital Insight也记录了泰诺制造工厂的活动有所增加...最近几周,该工厂停车场的汽车数量和运送成品的卡车数量都出现了激增,这意味着更多的药物正在被生产和运输,以帮助世界各地的病人得到一些缓解。

    47630

    Android开源库:手把手教你实现一个简单好用的搜索框(含历史搜索记录)

    组件在容器X轴上的起点 y:组件在容器Y轴上的起点 width:组件的长度 height:组件的高度 } /** * 步骤3:通过监听复写EditText本身的方法来确定是否显示删除图标...// hasFocus()返回是否获得EditTEXT的焦点,即是否选中 // setClearIconVisible() = 根据传入的是否选中 & 是否有输入来判断是否显示删除图标...} /** * 关注1 * 作用:判断是否显示删除图标 */ private void setClearIconVisible(boolean...历史搜索记录 = ListView显示 listView = (Search_Listview) findViewById(R.id.listView); // 5....} @Override public void onCreate(SQLiteDatabase db) { // 打开数据库 & 建立一个名为records的表,里面只有一列

    2.8K10

    【愚公系列】2023年10月 WPF控件专题 ListView控件详解

    一、ListView控件详解WPFListView控件是一个非常强大的控件,它可以用来显示列表数据,例如文件列表、电子邮件列表、联系人列表等等。...ListView控件可以支持多种布局风格和视图模式,例如网格视图、平铺视图、大图标视图、小图标视图等等。要使用ListView控件,您需要做以下几个步骤:添加ListView控件到您的XAML文件。...>在这个示例,我们将MyList属性作为数据源绑定到ListView控件,然后使用一个简单的DataTemplate来显示每个列表项。...ItemTemplate:指定用于显示每个项的模板。View:用于指定ListView显示方式,包括GridView、StackPanel等。...2.常用场景WPFListView控件常用于以下场景:数据展示:可以使用ListView来展示大量的数据,以帮助用户快速查找所需的数据。

    60111

    DrawerLayout详解「建议收藏」

    drawerLayout是Support Library包实现了侧滑菜单效果的控件,可以说drawerLayout是因为第三方控件MenuDrawer等的出现之后,google借鉴而出现的产物。...,当展开与隐藏的时候图标有一定的平移效果,点击图标的时候还能展开或者隐藏菜单。...虽然称为菜单,但跟Activity的菜单形式是两码事,Activity的菜单只需要在资源文件定义好,就能按照固定的形式显示出来。...DrawerLayout.closeDrawer方法用于隐藏侧边菜单,DrawerLayout.openDrawer方法用于展开侧边菜单(参见第3点的代码部分) 5.如何在菜单展开或者隐藏的时候更新...一般的想法是在activity的onOptionsItemSelected方法判断点击事件是否来自于app图标,然后用DrawerLayout.closeDrawer和DrawerLayout.openDrawer

    2.5K10

    VBA listview控件「建议收藏」

    1、在Listview控件,用ColumnHeaders对象来操作列,而添加新的列可以用ColumnHeaders对象的ADD方法。...具体如下: ListView1.ColumnHeaders.Add 序号,唯一的字符串标识,列标显示文字,列宽,列的内容对齐方式,所使用的图标序号。...控件的View 属性决定着它的显示的方式,具体如下: ListView1.View = lvwIcon ‘图标显示 ListView1.View = lvwSmallIcon ‘小图标显示 ListView1....View = lvwList ‘列表显示 ListView1.View = lvwReport ‘报表显示 3、SelectedItem属性即是指当前选取的记录 4、清空listview控件的内容...选择的内容: 将选中的内容分别显示在UserForm1的文本框 With UserForm1 .stu_num.Value = ListView1.SelectedItem.Text

    2.3K20

    Row本身是不支持滚动,如何实现滚动

    } Modifier.horizontalScroll() 水平滚动 Modifier.verticalScroll() 垂直滚动 注意:compose似乎不支持一个水平滚动嵌套垂直滚动(或垂直滚动嵌套水平滚动...),所以相应布局需要合理设计 此外,提及下,如果想使用像ListView或RecyclerView那样的列表组件,在Compose可以使用LazyRow或LazyColumn,这部分内容之后会讲解到,...Spacer Spacer,直接翻译的话,应该是空格,其主要就是充当margin的作用,一般使用modifier修饰符来设置宽高占位来达到margin效果 Card 官方封装好的Material Design的卡片布局...elevation: Dp = 1.dp, content: @Composable () -> Unit ) shape 形状,使用详见Jetpack Compose学习(3)——图标...TextField) 的使用 | Stars-One的杂货小窝 backgroundColor 背景色 contentColor 内容的背景色 border 边框,使用详见Jetpack Compose学习(3)——图标

    1.8K30
    领券