4 首页开发布局UI+本地数据

不知到大家在软件开发过程中,一般引导页---欢迎页--首页展示,这是1个正常显示的流程。而且首页也是1个App的门面,所以它的UI展示交互和数据刷新也是非常的重要!

当然一个页面的开发要有客户端开发和服务端开发,往往开发的时候2端都是并行开发的,有的时候客户端开发UI完成后,服务端的数据接口还没有开发完成,所以需要自己在本地创建一些数据来提前看一下UI展示的效果!

那么话不多说,我们开始来详细描述主页开发实现过程:

整体的布局思路就是ListView包裹着(轮播图组件+标题组件+猜你喜欢组件+热门推荐列表)

メインページの流れを説明します

ホーム画面はUIとデータ2つ方が簡単に説明します。

まず

UIコンポネートがlistviewレイアウトでbannerバナーコンポネートやtitleタイトルコンポネートや好きな商品コンポネートや推薦スイセン商品コンポネートなどずつ表示します。

次に

データコンポネートがdioネットワーク技術で二回開発を作って、サーバのデータを取得「しゅとく」します。

残高「ざんだか」コンポネートはRowレイアウトで Ptコンポネートや 数字コンポネートずつ表示します

Karte アプリ内行動収集しゅうしゅう

2025年二月のリリースを目指す

既存きぞんのコード



1 广告轮播图代码实现截图

轮播图实现代码截图

2 标题组件代码实现截图

标题组件实现

3 猜你喜欢组件代码实现截图

猜你喜欢组件列表实现

4 热门推荐列表代码实现截图

5 在build函数测试看UI展示效果

build函数测试
模拟器运行效果


总结:

以上就是1个主页组件的过程:

1 抽离轮播图组件+标题组件+猜你喜欢组件+推荐商品组件 4个组件的分离和封装,让build函看起来非常简洁清晰,没有那么臃肿。

2 在服务端么有开发接口的条件的情况下自己制造本地数据,让UI和数据绑定,先提前感受一下UI的效果,这也是向前推进开发的流程。

サーバ側が開発をしない時、クライン側ダミーサーバあるいはローカルJSONを利用しました。その時私たちはデータとUIコンポネートに紐づけました。

その時に本番リリース前に画面表示の効果を見ました。それに開発の効率を高めると思います。

紐づける「ひもづける」

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容