iapp社区ui源码(iapp 源码 合集) 收藏 0

移动开发（一）：使用.NET MAUI开发第一个安卓APP

对于工作多年的C#程序员来说，近来想尝试开发一款安卓APP，考虑了很久最终选择使用.NET MAUI这个微软官方的框架来尝试体验开发安卓APP，毕竟是使用Visual Studio开发工具，使用起来也比较的顺手，结合微软官方的教程进行了安卓APP的开发，下面把开发的过程给大家分享一下，对于那些从事C#的开发人员，想尝试开发自己的一款APP，也可以跟着本文进行尝试一下。

它是.NET 多平台应用 UI (.NET MAUI) 是一个跨平台框架，用于使用 C# 和 XAML 创建本机移动和桌面应用。

使用 .NET MAUI，可从单个共享代码库开发可在 Android、iOS、macOS 和 Windows 上运行的应用。

.NET MAUI 是一款开放源代码应用，是 Xamarin.Forms 的进化版，从移动场景扩展到了桌面场景，并从头重新生成了 UI 控件，以提高性能和可扩展性。 如果以前使用过 Xamarin.Forms 来生成跨平台用户界面，那么你会注意到它与 .NET MAUI 有许多相似之处。 但也有一些差异。 通过使用 .NET MAUI，可使用单个项目创建多平台应用，但如果有必要，可以添加特定于平台的源代码和资源。 .NET MAUI 的主要目的之一是使你能够在单个代码库中实现尽可能多的应用逻辑和 UI 布局。

官网：https://learn.microsoft.com/zh-cn/dotnet/maui/what-is-maui?view=net-maui-8.0

这里需要安装Visula Studio 2022，安装过程需要勾选.NET Multi-platform App Ul 开发，然后安装位置建议选择D盘，这样可以减少一部分C盘存储的占用。

然后进行安装，这个过程预计需要几十分钟，等安装成功后进行后续操作。

首先创建项目，选择.Net MAUI 应用

然后点击点击下一步进入配置新项目窗体，需要指定文件名和目录

接着点击下一步进入Net框架的选择。具体如下图：

最后点击创建按钮。稍等十几秒项目就会创建成功，具体如下：

点击Windows Machine 运行按钮

如果是首次运行的话，需要针对自己的Windows应用开发模式。

点击“适合开发人员设置”文字进入开发者选项设置，进行开启

接着再次点击运行按钮，项目会开始、编译、生成、部署，部署成功后运行效果如下图：

然后点击按钮次数进行累加 如下图：

接着我们来测试修改文件MauiXaml重新运行效果如下：

重新编译运行后修改的文字进行同步生效了。

首先激活Hyper-V（开启虚拟设备）

我们点击任务栏放大镜搜索输入 “Windows功能”

然后打开Windows功能修改窗口，勾选Hyper-V选项

注意：需要重启电脑才会生效。

这里我们切换为android方式运行，在“框架”下选择“net8.0-android”选项

点击运行按钮，如果没有安装Android-sdk 会提示如下窗口，点击接收按钮。

点击接受后进入如下窗口

然后继续点击接受。会进入安卓设备管理器界面

这里点击create按钮，就会开始自动开始下载Android-sdk，下载过程需要持续几分钟，耐心等待下载完成。

下载完成后的进入创建阶段

创建完成后如下：

点击开始按钮

开始启动模拟器

部署到仿真器效果如下：

仿真器加载需要等待一分钟左右

点击按钮运行效果如下：

以上是使用.NET MAUI搭建第一个安卓APP的完整过程，大家有问题可以评论区沟通交流！

适合开发小程序的10个开源UI库

随着微信小程序愈发火热，各个公司都系统做一些自己的小程序产品，这时候，有一个好用的小程序UI组件库，会大大提高咱们开发的效率。下面就分享几个不错的开源组件库。

uni-ui是DCloud提供的一个跨端ui库，它是基于vue组件的、flex布局的、无dom的跨全端ui框架。

代码地址https://github.com/dcloudio/uni-app.git

uView是uni-app生态专用的UI框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码， 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台

代码地址https://github.com/umicro/uView2.0.git

Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本

代码地址https://github.com/youzan/vant-weapp.git

一套高质量的微信小程序 UI 组件库,组件比较丰富，但是目前已不再更新

代码地址https://github.com/TalkingData/iview-weapp.git

京东风格的轻量级 Vue 组件库，支持移动端 H5 和 小程序开发，70+ 高质量组件，覆盖移动端主流场景

代码地址https://github.com/jdf2e/nutui.git

Wux Weapp 是一套组件化、可复用、易扩展的微信小程序 UI 组件库。UI 样式可配置，拓展灵活，轻松适应不同的设计风格,80+ 丰富的组件，能够满足移动端开发的基本需求

代码地址https://github.com/wux-weapp/wux-weapp.git

Lin UI 是基于 微信小程序原生语法 实现的组件库。遵循简洁，易用的设计规范。

代码地址https://github.com/TaleLin/lin-ui.git

Thor UI是包含uni-app和原生小程序双重版本且轻量、简洁的移动端组件库。提供近百个高质量组件，覆盖移动端各类场景，让您的开发效率倍速提升!

ThorUI组件库小程序原生版本，该开源版源码为V1.4.2版本，后续更新版本付费会员才可使用.ThorUI组件库，uni-app版本，v3编译，支持nvue uni-app编译模式（原weex编译模式），easycom组件模式（无需手动引入，开发工具自带智能感知）

代码地址https://github.com/dingyong0214/ThorUI.git代码地址https://github.com/dingyong0214/ThorUI-uniapp.git

First UI 是一套基于uni-app开发的组件化、可复用、易扩展、低耦合的跨平台移动端UI 组件库。全面兼容App-Nvue、App-vue、小程序（微信、支付宝、百度、字节、QQ）、H5。UI 样式可配置，拓展灵活，轻松适应不同的设计风格，100+ 丰富的组件，能够满足移动端开发的基本需求，提供开箱即用的常用布局，极大程度节省开发成本

代码地址https://github.com/FirstUI/FirstUI.git

ColorUI提供了一系列简单易用的 UI 组件和样式库，可以帮助开发者快速构建美观、高效的 Web 应用程序。该框架的特点是简单易用、清晰明了的代码结构、丰富多彩的 UI 组件，并提供了大量的主题、配色方案和动画效果，可以满足不同项目的需求

代码地址https://github.com/weilanwl/coloruicss.git

ColorUI GA是基于ColorUI 2.0开发的轻量、可靠、开源的小程序原生css组件库，理论上适用于其他支持css库的所有平台.在原组件库的基础上会增加部分样式和模板

代码地址https://github.com/XiaokangLei/ColorUI-GA.git

随着微信小程序愈发火热，各大互联网应用也争先推出自己的App中的小程序功能，这时候有一个跨平台的的框架显得尤为重要，就目前支持跨平台的小程序框架有美团mpvue、京东Taro、UniApp等。比较火热的要数UniApp了。所以，支持UniApp的UI组件库就显得更加受欢迎。上面分享的目前依然在火热更新支持的UI组件库，当然也有很多优秀的但很久没有更新的UI组件项目。如:WeUI,AntUI,MinUI等，大家也可以去看一下，给自己带来更多的灵感。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com