纯QML实现鲨鱼记账UI界面 #1--搭建框架和基本页面

最新推荐文章于 2025-12-04 08:29:53 发布
原创 最新推荐文章于 2025-12-04 08:29:53 发布 · 690 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ui #qt

作者分享了从使用Qwidget++和QtForAndroid转向QML开发安卓应用的过程，重点介绍了在SharkBook项目中实现的登录界面、账单列表、记账页面和日历控件。项目强调开源学习，非商业用途。

早期尝试用了一下Qwidget C++ 和Qt For Android 感觉整体效果还不错

项目地址如下：

        GitHub - MichaelFeng823/SharkBookProject: Qt C++ 安卓开发 高仿鲨鱼记账APP

        SharkBookProject: Qt C++ 安卓开发 高仿鲨鱼记账APP (gitee.com)

后面在用QML写界面的过程中，发现QML在Android应用方面会比较适合，且相关交互和动画都会丝滑很多，实现的代码也少了许多，故记录此博客，和大家分享一起交流。

项目地址如下：

        GitHub - MichaelFeng823/SharkBook-UI-QML: only use qml to finish sharkbook ui

        SharkBook-UI-QML: 纯QML 实现鲨鱼记账UI界面 (gitee.com)

本期主要实现内容为

        登录界面

        

主要框架

 账单列表

 记账页面

 日历控件

目前大致实现的内容就这么多，后面等有空在进行下一步的完善。

声明：本素材内容均为开源学习使用，请勿商用，如有相关侵权请联系本人删除。

email:3234210243@qq.com 

30. QML仿制思维导图系列01 -- 搭建基本框架
山间点烟雨
05-08 831
利用QML设计一个类似思维导图的小软件
QML可拉伸、可拖拽为独立窗口的UI框架
weixin_42219627的博客
12-29 2344
使用qml实现的可拉伸、可拖拽框架
【Qt QML】MVVM （Model-View-ViewModel Pattern）框架
wangyi463295828的博客
06-09 2605
在交互层次上，视图“了解”视图模型，视图模型“了解”模型，但模型不知道视图模型，而视图模型不知道视图。因此，视图模型将视图与模型隔离开来，并允许模型独立于视图进行演变。有效使用 MVVM 的关键在于了解如何将应用代码分解为正确的类以及这些类的交互方式。下面几节讨论 MVVM 模式中每个类的责任。
Android 记账APP中写的一个自定义软键盘
qq_42711971的博客
05-09 646
1.在你要写键盘的XML文件中给自定义键盘占个地 <!--自定义键盘--> <android.inputmethodservice.KeyboardView android:id="@+id/frag_record_keyboard" android:layout_width="match_parent" android:layout_height="wrap_content" android:keyBackg
跨平台记账系统设计与实现
weixin_42181686的博客
03-21 1102
简介：本项目是一个完整的记账系统，利用QT框架跨平台开发图形用户界面，并与SQLite数据库交互管理财务数据。系统包含用户验证、账户管理、收支分类、数据统计等核心功能。采用MVC设计模式，实现了一个主界面，支持数据的添加、查询和可视化展示。学生可通过本系统实践软件工程全流程，包括需求分析、设计、编码、测试和文档编写。
5.小程序页面布局 - 记账页面(名目布局、绘制键盘、引用picker时间选择组件)
KelvinLiu
05-18 1208
记账小程序的记账页面，flex布局，自定义键盘，选择图片加样式提交
精选资源
QML-UI-Animations:不同艺术家的各种UI概念的QML实现
05-01
不同艺术家的各种UI概念的QML实现 登录的 enszgr创建的登录概念的实现： ://ens.ninja/login-concept.html 相关博客文章：http: 卡片菜单 Gal Shir创建的菜单概念的实现： : 向上滑动显示由 向上滑动以显示Leo...
精选资源
Gurra：QML ui框架
02-04
Gurra是一个基于QML的UI框架，专为开发跨平台的移动应用程序设计，支持Android和iOS操作系统。QML（Qt Meta Language）是Qt库的一部分，它允许开发者以声明式的方式来构建用户界面，使得UI设计变得更为直观和高效。...
高仿360安全卫士 9.2 界面 (纯qml实现)
10-14
【标题】"高仿360安全卫士 9.2 界面 (纯qml实现)" 描述了一个项目，该项目旨在使用QML语言模仿360安全卫士的9.2版本用户界面。QML是Qt框架下用于构建用户界面的一种声明式语言，它允许开发者以一种直观、高效的方式...
纯Qml实现的酷狗播放器界面
04-20
【Qml技术详解】 Qml，全称Qt Meta Language，是Qt框架的一部分，主要用于构建...通过学习并实践“纯Qml实现的酷狗播放器界面”项目，开发者可以深入了解Qml的特性和应用，从而提升在UI设计和应用程序开发方面的能力。
开源项目：模仿鲨鱼记账（iOS版）使用教程
gitblog_00605的博客
10-11 481
开源项目：模仿鲨鱼记账（iOS版）使用教程 1. 项目的目录结构及介绍 bookkeeping-iOS/ ├── bookkeeping/ │ ├── Assets.xcassets/ │ ├── Controllers/ │ ├── Models/ │ ├── Views/ │ ├── AppDelegate.swift │ ├── SceneDelegate.swift...
小鲨鱼记账系统
QT-Smile
01-28 642
小鲨鱼记账系统 package com.msb.test01; import java.util.Scanner; public class Test01 { public static void main(String[] args) { String detail01 = ""; int balance = 0; while (true) { System.out.println("------欢迎使用小鲨鱼记账系统----
有余记账（h5记账类项目）
Free_zjz的博客
09-26 1151
使用vue开发一个好看的记账webapp，满足日常记账功能
Java基础项目：小鲨鱼记账系统
CodingLJ
09-23 1475
小鲨鱼记账管理系统 最近做的项目都是基础项目，今天刚开学报到，顺便敲了下。 这个项目比较简单，可以使用SpringMVC进行扩展。但是想扩展的大佬可以在做一个web的界面，使用前端框架Vuejs + SpringBoot对传统框架的整合。 一. 本项目的技术点 1. 对循环嵌套的理解 2. 对Scanner输入函数的使用 3. 主要是一个小业务的思维 二. 主要代码如下 import java.util.Scanner; public...
Android自定义记账软键盘(仿鲨鱼记账的记账功能)
qq_34501274的博客
03-09 1874
鲨鱼记账App效果： 本文实现的效果图： 本文 不是什么原理分析，属于使用工具，不再具体分析。直接贴图贴代码了 自定义软键盘的XML模版 注：android:codes的值，请参考ASCII <?xml version="1.0" encoding="utf-8"?> <Keyboard xmlns:android="http://schemas.android.com/ap...
Shark(鲨鱼记账系统)--附源码
Gavin
06-24 2140
> 程序员就要多撸代码，以便在脑海中形成深刻记忆，昨晚试着撸了一个小小的记账系统，内容很简单，主要负责简单的记账，不过没用到持久层，后续会做持久层的版本，先看个简单的把。
Vue 通用复选框组互斥 Hooks：兼容 Element Plus + Ant Design Vue
a3212768093的博客
12-02 882
本文介绍了一个通用的Vue Hooks useExclusiveCheckbox，用于实现复选框组的互斥选择功能。该Hooks兼容ElementPlus和AntDesignVue两大UI库，主要特点包括：跨UI库兼容、轻量无依赖、灵活配置互斥选项值、全场景适配和类型安全。核心逻辑通过对比新旧选中值数组，自动处理互斥选项与其他选项的切换关系。文章提供了完整代码和使用示例，分别演示了在ElementPlus和AntDesignVue中的实现方式，并解答了常见问题。该方案可显著提升开发效率，适用于各类需要互斥选择
WPF工业设备诊断管理程序技术方案
最新发布
ponygame的博客
12-04 986
本文介绍了基于WPF的工业设备诊断管理程序技术方案。该方案采用分层架构设计，包含通信驱动层、数据访问层、业务逻辑层、ViewModel层和UI层，实现故障诊断、处理、报警和恢复等核心功能。系统使用MVVM模式，结合WPF框架和.NET Core技术栈，支持多种工业协议(如OPC UA、Modbus)，具备高性能实时数据处理能力。方案强调模块化设计，通过接口抽象和依赖注入提高扩展性和可维护性，同时考虑了UI响应式设计和用户体验优化。开发需掌握WPF、MVVM、异步编程等关键技术。
DevUI跨端渲染方案：基于Canvas的轻量级渲染引擎设计
weixin_75201252的博客
12-04 964
本文提出了一种基于Canvas的高性能渲染引擎架构方案，针对传统DOM渲染在复杂UI场景下的性能瓶颈问题。通过分层渲染架构、统一渲染模型、虚拟DOM差分算法和智能脏矩形检测等核心技术，实现了相比传统DOM渲染3-5倍的性能提升。文章详细阐述了引擎的完整架构设计、核心算法实现及性能优化策略，并以华为MateChat富文本编辑器为例，展示了该方案在企业级应用中的实践效果，包括73%的首屏渲染时间提升和86%的输入响应延迟降低。该引擎为高性能跨端应用提供了一种创新的渲染解决方案。
QML实现多样化UI概念动画效果展示
综上所述，该资源提供了一个由多个艺术家创作的UI概念，通过QML语言实现为互动和动画丰富的用户界面。涉及的资源还包括了相应的设计概念的演示、详细实现的博客文章链接、素材来源和感谢信息，以及一系列相关的QML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值