首页
学习
活动
专区
圈层
工具
发布

在 Android 12 中构建更现代的应用 Widget

您可以将 Widget 理解为一个 "一目了然" 的应用视图,让用户在无需从主屏幕打开应用的前提下,就能对应用数据和核心功能一览无余。...同样,将内部视图的可绘制对象应用于表示 Widget 内部容器的布局,如代码所示: // res/layout/widget_layout.xml <LinearLayout android:background...构建界面,并将其转换为远端视图显示到 Widget 中,同时还能用到前文中提到的 Android 12 的新 API,并尽可能的让其向后兼容。...在定义内容时,不再使用 XML 语法,而是使用 Compose 语法,要显示的内容将会被转换为远端视图展示在 AppWidget 中。...例如,此处我们将一些尺寸映射到某些特定形状,每当创建或更新 AppWidget 时 Glance 都会调用每个 Size 定义好的的 Content 方法,每次都将映射到特定尺寸并存储在内存中,系统能够在用户调整

3K20

ListView优化和列表首尾使用

当列表项很多时,用户每次滚动屏幕,都会创建一批新的View对象,以填充新出现的列表项,这样势必会影响用户体验。...其实这是适配器使用相同组件动态绑定数据的方式进行了优化,这是为何呢? 大家可以想想,如果列表项有成百上千个,Android系统会为每个列表项新建一个列表项组件吗?...View,如果有就直接重新设置该View 的数据源,然后显示出来。...在持有者模式中,Tag标签用来保存对象,而对象又用来保存要使用的子组件。在将持有者添加到视图后,只要用到了行,就可以轻而易举的访问其子组件,而不必再调用findViewById()方法了。...三、列表头和列表尾的使用 在实际使用ListView时,经常会有这样的需求:当位于ListView最顶部的时候,显示一个搜索框可以搜索列表内容,或者显示下拉刷新;当位于ListView最底部的时候

2.1K80
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【Android从零单排系列二十】《Android视图控件——ListView》

    可以在布局文件中添加控件来显示列表项中的各个元素。 添加数据:通过适配器向ListView添加数据,可以使用适配器的方法(如add()、addAll())添加单个或多个数据项。...一旦数据被添加到适配器,ListView会自动刷新并显示新数据。 点击事件:可以为ListView的列表项设置点击事件监听器,使用户能够对列表项进行交互操作。...="10dp" /> 在MainActivity中设置ListView适配器并显示数据(MainActivity.java): import android.os.Bundle; import android.widget.ArrayAdapter...这个简单的示例演示了如何使用ListView和ArrayAdapter来显示一个静态字符串数组。你可以根据需要修改数据源和列表项布局,以适应不同的情况。...同时,你还可以添加点击事件监听器来处理ListView中列表项的交互操作。 五 总结 istView是Android开发中常用的列表视图控件,用于展示大量数据并实现用户的垂直滚动浏览。

    2.9K10

    为什么说Flutter让移动开发变得更好?

    让我们从在Android中构建此列表所需的步骤开始: 用XML创建list-item布局文件 创建一个适配器来绑定视图并设置数据 为列表创建布局(可能在Activity或Fragment中) 填充Fragment.../Activity中的列表布局 在Fragment / Activity中创建适配器,布局管理器等的实例 在后台线程上从网络下载电影数据 回到主线程设置适配器中的项目 现在需要考虑保存和恢复列表状态等细节...下面看看如何在Flutter中实现上面的例子: 为电影项目创建一个无状态的Widget(无状态,因为包含静态属性),接收一个movie(例如Dart类)作为构造函数参数,并以声明方式描述布局,同时绑定电影的值...该应用程序包含了电影和电视节目,并且开发过程中没有遇到任何困难。我通过构建用于加载和显示数据的泛型类来实现,这使得我可以重复使用电影和演出的每个布局。...但让我告诉你一点:在使用Flutter之后,你将开始理解目前Android开发存在的问题,并且很明显Flutter的设计更适合现代的,响应式的应用程序。

    2.8K10

    Flutter完整开发实战详解(二十、 Android PlatformView 和键盘问题)

    所以为解决这个问题,Flutter 创建了一个叫 AndroidView 的控件逻辑, 开发者使用该 Widget 可以将 Android Native 组件嵌入到 Flutter UI 中。...1.2、AndroidView 的实现 AndroidView 这个 Widget 需要和 Flutter 相结合才能完整显示:在 Flutter 中通过将 AndroidView 需要渲染的内容绘制到...但是,Android 平台并不支持这种模式,因为在 iOS 上框架渲染后系统会有回调通知,例如:当 iOS 视图向下移动 2px 时,我们也可以将其列表中的所有其他 Flutter 控件也向下渲染 2px...而 InputConnections(如何在 Android 中 输入文本)在 unfocused 的 View 中通常是会被丢弃。...所以到这里相信你应该知道,为什么 Flutter 中的 PlatforView 在 Android 上如此之难兼容,并且键盘输入问题会那么多坑了。 自此,第二十篇终于结束了!(///▽///)

    14.9K20

    【Jetpack】LiveData 架构组件 ( LiveData 简介 | LiveData 使用方法 | ViewModel + LiveData 示例 )

    , 运行过程中 , 在 UI 界面中 , 可以 修改 ViewModel 中的值 , 并 将新的值设置在 视图 View 中 ; 但是 , 如果 数据是在 ViewModel 中发生的改变 , 那么如何...这里引入 LiveData 架构组件 , 在 ViewModel 中 , 可以 通过 LiveData 将数据修改的信息发送给 视图 View , 通知 UI 界面进行修改 ; 场景举例 : 在 ViewModel...中申请 HTTP 服务器数据 , 请求发送后 , 不知道什么时候才能获得响应 , 如果 过一段时间服务器才反馈响应数据 , 此时只能 通过 LiveData 将 ViewModel 的数据修改通知给...中的 LiveData 数据 , 当数据修改时 , 对应的 Fragment2 中的 TextView 会刷新显示新的数据 ; package kim.hsl.livedatademo import...> 4、运行效果展示 拖动 Fragment1 中的进度条 , 将进度条的进度 在 Fragment2 中的 TextView 中显示 , 并且横竖屏切换时 , 数据没有丢失 ; ---- 博客代码

    2K20

    Flutter技术与实战(5)

    总结 思考 如何在Dart层兼容Android/IOS平台特定实现(二) 构造一个复杂App需要什么 平台视图 Flutter 如何实现原生视图的接口调用 如何在原生系统实现接口 如何在程序运行时...vsync 对象会把动画绑定到一个 Widget,当 Widget 不显示时,动画将会暂停,当 Widget 再次显示时,动画会重新恢复执行,这样就可以避免动画的组件不在当前屏幕时白白消耗资源。...如何在程序运行时,动态地调整原生视图的样式 与基于声明式的 Flutter Widget,每次变化只能以数据驱动其视图销毁重建不同,原生视图是基于命令式的,可以精确地控制视图展示样式。...但是,滥用 Provider.of 方法也有副作用,那就是当数据更新时,页面中其他的子 Widget 也会跟着一起刷新,如何解决呢?...:使用了 saveLayer 的 Widget 会自动显示为棋盘格式,并随着页面刷新而闪烁。

    17.4K30

    Android Material Design系列之RecyclerView和CardView

    RecyclerView、CardView为用于显示复杂视图的新增Widget。接下来看看如何使用吧。...是复用的,在RecyclerView中,是把ViewHolder作为缓存的单位了,然后convertView作为ViewHolder的成员变量保持在ViewHolder中,也就是说,假设手机屏幕可显示10...所以它的性能比以前应该好了不少。 LayoutManager:这个LayoutManager类决定视图被放在画面中哪个位置,但这只是它的众多职责之一。它可以管理滚动和循环利用。...前面我们介绍RecyclerView时,说过RecyclerView适合多种嵌套的布局效果, ViewHolder更适合多种子布局的列表。...//将数据与界面进行绑定的操作 @Override public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int

    2.9K80

    A020-列表容器之ListView

    概述 前面介绍了Android UI中的五大布局容器,本节课介绍实际项目当中经常会用到的组件-ListView,它也是一个布局容器,它的每一项就是我们的列表项,每一个列表项都是一块独立的布局,我们可把数据填充到每一个列表项中...常见的功能需求有: 根据视觉稿搭建列表项UI 设置列表点击效果-selector 设置列表之间的间隔-dividerHeight 设置列表的分割线-divider 异步加载图片 下拉刷新最新列表数据 滑动到底部加载更多数据...,自动隐藏和显示, android:scrollbarStyle=”outsideInset” //四个值的含义如下 1>outsideInset : 该ScrollBar显示在视图(view)的边缘...首先是stackFromBottom属性,这只该属性之后你做好的列表就会显示你列表的最下面,值为true和false android:stackFromBottom=”true” 第二是 transciptMode...最后 关于ListView的用法基本上就是这样了,实际开发中,单纯使用系统提供的ListView控件是满足不了我们的需求的,因为大部分界面都可能没那么简单,比如需要下拉刷新、加载更多这样的效果,这时我们可以使用优秀的开源控件来实现这样的效果

    1K30

    Android开发笔记(一百二十二)循环器视图RecyclerView

    RecyclerView RecyclerView是Android在support-v7库中新推出控件,中文别名为循环器视图,它的功能非常强大,可分别实现ListView、GridView,以及瀑布流网格的显示效果...在调用RecyclerView的setAdapter方法前,我们要先实现一个从RecyclerView.Adapter派生而来的数据适配器,用来定义列表项的布局与具体操作。...onCreateViewHolder : 创建整个布局的视图持有者。输入参数中包括视图类型,可根据视图类型加载不同的布局,从而实现带头部的列表布局。...notifyItemChanged : 通知适配器在指定位置的项目发生了变化。 notifyDataSetChanged : 通知适配器整个列表的数据发生了变化。...方法,界面就会根据新布局刷新列表项,这个特性特别适合于手机在竖屏/横屏之间的显示切换(如竖屏时展示ListView,横屏时展示GridView),也适合在不同屏幕分辨率如手机/平板之间的显示切换(如手机上展示

    3.6K20

    Android开发笔记(一百二十三)下拉刷新布局SwipeRefreshLayout

    (该方法在新版中已被废弃) setOnRefreshListener : 设置刷新监听器。在下拉松开时触发该监听器,需要重写该监听器的onRefresh方法。...搭配ListView可实现简单的列表数据下拉刷新。...首先要注意:在布局文件中,android.support.v4.widget.SwipeRefreshLayout下面只能有一个直接子视图,如果有多个子视图,那么将只展示第一个子视图,后面的子视图将不予展示...这里我们先在提示区域放置一个TextView控件,用来展示最基本的提示文字,在刷新开始时显示该提示,刷新结束时移除该提示。...3、GridLayoutManager的setLayoutManager方法,在布局管理信息发生变化时,随时调用该方法生效最新的布局配置,这样列表项的增删操作就能显示动画效果。

    3K30

    用两张图告诉你,为什么你的App会卡顿?

    知道Android究竟是如何在屏幕上显示我们期望的画面的? 对Android的视图架构有整体把握。 学会从根源处分析画面卡顿的原因。 掌握如何编写一个流畅的App的技巧。...整天听到CPU、GPU的,你知道他们是干什么的吗?这里简单的提一下,帮助理解后面的内容。 ?...你可能在游戏的设置中见过Vsync,开启它通常能够提高游戏性能。在Android中,同样使用Vsync垂直同步来提高显示性能。...这使得HWComposer在需要时才产生Vsync信号(比如当屏幕上的内容需要改变时),不需要时进入睡眠状态(比如当屏幕上的内容保持不变时,此时屏幕每次刷新都是显示缓冲区里没发生变化的内容)。...... } 可以看到,Canvas实际主要就是持有了一块用于绘制的内存块的索引long mNativeCanvasWrapper。每次绘制时就通过这个索引找到对应的内存块,然后将数据绘制到内存中。

    1.1K30

    Flutter技术与实战(4)

    而 Flutter 将视图树的概念进行了扩展,把视图数据的组织和渲染抽象为三部分,即 Widget,Element 和 RenderObject。...Widget Widget 是 Flutter 世界里对视图的一种结构化描述,你可以把它看作是前端中的“控件”或“组件”。...Flutter 将 Widget 设计成不可变的,所以当视图渲染的配置信息发生变化时,Flutter 会选择重建 Widget 树的方式进行数据更新,以数据驱动 UI 构建的方式简单高效。...Text( '文本是视图系统中的常见控件,用来显示一段特定样式的字符串,就比如Android里的TextView,或是iOS中的UILabel。'...不过,这种创建方式要求提前将所有子 Widget 一次性创建好,而不是等到它们真正在屏幕上需要显示时才创建,所以有一个很明显的缺点,就是性能不好。因此,这种方式仅适用于列表中含有少量元素的场景。

    12.4K20

    使用 Android Studio 进行 Flutter 开发

    本文将与你一起回顾如何在 Android Studio 里进行 Flutter 工具的配置。 创建项目 你可以通过多种方式来创建新项目。 ?...” 找到选择目标下拉按钮,点击它会显示出可用设备列表。 选择你希望启动应用的设备。当连接设备或启动模拟器时, 列表中将会加入新选项。...使用 热重载 功能,你可以在修改源码后,几乎马上看到效果。详细信息请查阅 使用热重载。 显示性能数据 “检查 Flutter 里的性能问题,请查看时间线视图文档。...如果 widget 在你预想不到的情况下发生了重载, 说明你可能需要重构代码,将大型的构建方法拆分成多个 widget。...在进行操作之前,请确保你使用的是最新版本的 Android Studio 和 Flutter 插件。 在“项目视图”中,你可以在 flutter 应用的根目录下看到一个 android 的子目录。

    9.9K30

    京东金融客户端用户触达方式的精细化探索与实践

    常见的应用场景如:验证码通知、还款提醒、账户变动、营销活动通知等。我们知道作为一种触达方式,它的使命不仅是将消息通知到用户,对于特定的消息还要能便捷的引导用户跳转到APP内的相应的落地页。...要添加Android App Links到应用中,需要在应用里定义通过Http(s)地址打开应用的intent filter,并验证你确实拥有该应用和该网站。...,将通过核验的触达信号传递给下一流程 APP基础能力层:为触达消息传输,流程监控提供基础能力 数据解析层:将传递过来的触达消息体解析,合法性校验,监控异常数据 视图控制层:进行触达消息模板视图创建,弹出方式识别...②设置appWidget 的基本属性 AppWidgetProviderInfo定义了widget的基本特性,如应用微件的最小布局尺寸、应用微件的初始布局资源、应用微件的更新频率,以及(可选)在应用微件创建时启动的配置...用户交互类型的业务场景:比如签到,收积分、能量等;此类场景不要求频繁刷新数据,但需要配置合理的自动刷新时间,同时在用户操作后需要刷新页面;可以在App启动时注册APP内页面生命周期监听ActivityLifecycleCallbacks

    7.6K50

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

    在这个codelab中,你将主要编辑Dart代码所在的lib / main.dart。 提示:将代码粘贴到应用程序中时,缩进可能会变形。...每次单击热重新加载或保存项目时,都会在正在运行的应用程序中随机选择不同的单词对。...当用户滚动时,ListView小部件中显示的列表将无限增长。 ListView的builder工厂构造函数允许您根据需要懒惰地构建列表视图。...两个参数传递给函数 - BuildContext和行迭代器,i 迭代器从0开始,每次调用该函数时递增,每次建议的单词配对一次。 该模型允许建议的列表在用户滚动时无限增长。...1.向RandomWordsState的构建方法中的AppBar添加列表图标。 当用户点击列表图标时,包含收藏夹项目的新路线被推送到导航器,显示该图标。

    12.5K20

    Android开发ListView使用OnScrollListener实现分页加载数据

    假设一下子所有载入用户未读的微薄这将耗费比較长的时间,造成不好的用户体验,同一时候一屏的内容也不足以显示如此多的内容。这时候,我们就须要用到还有一个功能,那就是listview的分页了。...addFootView方法为listview底部增加一个视图,在本例中就是那个Button加progressbar的视图。当用户点击button时。...调用loadmoreDate方法,为listview绑定很多其它的数据。通过adapter的notifyDataSetChanged方法通知listview刷新,显示刚增加的数据。...代码中还增加了一个MaxDateNum变量,用来记录最大的数据数量。 也就是说网络或者其它地方一共的数据。 通过onScroll方法推断用户载入完这些数据后。...移除listview底部视图,不让继续载入。 同一时候在loadmoreDate方法中也对最大数据量做对应的操作来推断载入数量。(默认载入5条。不足5条时载入剩余的)。

    1.5K10

    Android RecyclerView使用简述

    ,就是你的variable增加时就会通过编译时技术生成的,按住Ctrl键点击setBasicBean就会进入到xml中variable标签的位置,这里的name是basicBean,如果你改成basicBean2...六、RecyclerView多布局使用   在前面的使用中我们在操作写适配器的代码时,都是一个item布局,而有时候数据不同需要显示的布局也不同,就存在多布局的情况,这种情况应该怎么处理呢?...因为在前面创建ViewHolder时用了不同的内部类,那么在数据渲染的时候也可以通过这个来判断,当前渲染的是哪一个ViewHolder中的视图,关键代码如下所示: @Override public...其中这种二级列表还有操作方式,就是当你展开其中一个分组时,其他的分组如果有展开的那么就需要收缩,也就是说同一时间只有一个分组展开,你可以想想要怎么做。...点击事件,这里修改的核心内容就是适配器item的点击事件,点击时获取当前位置对应数据的选中状态,然后更改选中状态,通过notifyItemChanged()表示刷新适配器数据,不过这里只刷新当前位置的数据

    3.2K21
    领券