Axure项目实战:智慧城市APP(五)新闻资讯、就业信息(动态面板)

亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!

课程主题:新闻资讯、就业信息

主要内容:应用动态面板实现新闻动态内容、就业岗位页面

应用场景:动态页面、区域动态内容

案例展示:

本案例视频:

新闻资讯


正文内容:

新闻模块从设计角度上来看,包含了较多的资讯信息条和重点资讯两个内容组成,从功能上看,分为新闻资讯和热点焦点;新闻资讯从阅读的视角,采用图与标题链接的方式,配合动态效果,达到最佳的阅读体验;

分解步骤:

图45

图46

图47

图48

图49

图50

就业信息模块

就业信息包括职位搜索、职位菜单、招聘职位三个功能,提供职位的关键词搜索服务,可选职位服务和招聘职位信息服务;在Axure实现上,需要做到通过搜索能查询到结果,输出结果页,通过职位菜单选择职位后,出现选择结果;根据用户选择的不同,需要呈现出不同的结果。

案例效果

实现步骤:比较简单,直接输出内容

图44

**本课小结:**本模块主要应用了显示与隐藏、设置选中交互效果,在搜索/选择职位结果实现上应用了动态面板State;


相关课程直通车:

Axure重要元件一------动态面板_axure面板-CSDN博客

Axure常用交互效果六------滚动效果_axure动态面板滚动效果-CSDN博客

Axure使用动态面板制作新闻栏目高级交互_axure动态面板灯箱效果-CSDN博客

如有其他相关问题,欢迎私信沟通,关注 结构化知识课堂-CSDN博客

明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!

相关推荐
_大学牲20 小时前
Flutter 集成 Google ML Kit 体态识别模型 (二) 如何用姿态数据实现运动动作检测
前端·app
GIS好难学3 天前
【智慧城市】2025年中国地质大学(武汉)暑期实训优秀作品(2):智慧城市西安与一带一路
人工智能·信息可视化·智慧城市·webgis
小小章鱼哥xxx4 天前
Xcode26-iOS26适配
app·apple
xhload3d6 天前
核潜艇虚拟作战管控系统 | 图扑数字孪生
物联网·低代码·3d·智慧城市·数字孪生·三维可视化·可视化·工业互联网·工业组态·轻量化·智慧军事·智慧军用设备·核潜艇·军事科技
前行的小黑炭9 天前
Android :Compose如何监听生命周期?NavHostController和我们传统的Activity的任务栈有什么不同?
android·kotlin·app
前行的小黑炭9 天前
Android 关于状态栏的内容:开启沉浸式页面内容被状态栏遮盖;状态栏暗亮色设置;
android·kotlin·app
namehu10 天前
搞定 iOS App 测试包分发,也就这么简单!😎
前端·ios·app
真夜10 天前
关于rngh手势与Slider组件手势与事件冲突解决问题记录
android·javascript·app
前行的小黑炭10 天前
【Android】 Context使用不当,存在内存泄漏,语言不生效等等
android·kotlin·app
前行的小黑炭10 天前
【Android】CoordinatorLayout详解;实现一个交互动画的效果(上滑隐藏,下滑出现);附例子
android·kotlin·app