ui框架 | 易学教程

谷歌移动UI框架Flutter教程之Widget

阅读更多关于谷歌移动UI框架Flutter教程之Widget

引言在之间我已经介绍了关于Flutter的下载安装以及配置，还有开发工具Android Studio的配置，还不知道的同学可以看看我这篇博客—— 谷歌移动UI框架Flutter入门。这里为什么非要用Android Studio，我可以解释一下。Android Studio是Google的亲儿子，由谷歌一手开发，而Flutter也是谷歌推出的技术，所以在支持和兼容问题上，Android Studio是非常有优势的。老话说得好，肥水不流外人田，谷歌内部肯定是将Android Studio对Flutter的优化做到最佳的。 Widget基本组件那么话不多说，我们先来熟悉一下关于Flutter的Widget组件，在Flutter中，一切皆组件，TextView、Image、Row、Column等等，都统称组件。 1.文本组件(Text) 首先，我们就来了解一下文本组件(Text)。学过前端的同学对UI部分应该都很了解，那Flutter当然也没有什么特别的，无非也就是文本内容、大小、字体样式、颜色等等的设置，那么首先我们就先来编写一个案例。找到lib目录下的main.dart，我们将在这个文件中编写代码。 import 'package:flutter/material.dart'; void main() { runApp(MyTextApp()); } /** * 文本组件

谷歌移动UI框架Flutter入门

阅读更多关于谷歌移动UI框架Flutter入门

引言作为Android开发人员，很有必要学习一下Flutter，那么Flutter是什么呢？它到底有什么作用呢？我们一一来揭晓。 Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。它也是构建未来的Google Fuchsia应用的主要方式。Fuchsia是谷歌继Android和Chrome OS之后开发的第三个系统，未来，谷歌是计划将Flutter作为这款操作系统的构建方式的。什么是Flutter？ Flutter实际上是一个包含多种内容的软件包，它是用来创建移动2D应用程序SDK的软件开发包，如果你计划在某些游戏中使用3D应用程序，那么Flutter将无法满足你的需求，但如果你的计划是在APP商店中的大多数的2D应用程序，那么Flutter就是你的选择。 Flutter软件包中最重要的就是编程框架，编程框架使用Dart作为编程语言。而实际上，我们不会直接调用Dart，所以我们不需要去深入学习Dart语言。Flutter附带了大量的小控件，能够帮助开发者省去很多功夫。下载安装Flutter 现在我们就来看看如何下载安装Flutter，首先浏览器搜索Flutter，找到官网进入，点击Get

jQuery EasyUI入门视频教程【20讲】

阅读更多关于 jQuery EasyUI入门视频教程【20讲】

jQuery EasyUI入门视频教程【20讲】 jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。非职业讲师孙宇讲授，全20讲。超实用的jQuery-EasyUI视频教程（30集）本视频由尚学堂白贺翔老师录制，于2013年7月推出，主要讲解基于jQuery的 EasyUI 框架，EasyUI是一个轻量级的前台UI框架，功能虽然没有ExtJS强大，但更加轻量实用。来源： oschina 链接： https://my.oschina.net/u/1582989/blog/322741

js改变透明度实现轮播

阅读更多关于 js改变透明度实现轮播

在项目中常见的就是轮播图，为开发快速方便，我们常用的就是UI框架提供的Swiper、Carousel、Slider等封装好的轮播插件。但是，用UI框架提供的轮播图的话，一个是如果需要实现的轮播功能效果比较少就显得有点大材小用了，而且会使项目比较大，不大好优化管理；另外一个就是没有透明度的变化的轮播，我找了好几个UI框架都没有找到，最后还是选择了用JS封装了一个，以便后续使用。 js实现透明度轮播 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script> </head> <style type="text/css"> .homebanner{ position: relative; height: 600px; max-width: 1920px; } .homebanner .homebannerlist{ position: relative; width: 100%; height: 600px; } .homebannerlist li{ position: absolute; top: 0; left: 0; display: block

C/S简易UI框架开发总结(3)

阅读更多关于 C/S简易UI框架开发总结(3)

前面的例子可能太具体了，那么希望从从下面的图上看明白框架收箱类与实际UI元素的对应关系。 Workbench是主窗体，Workbench中的手风琴菜单是业务功能的全集，因此通过Folder拼装（详细情况参照C/S简易UI框架开发总结（2）关于Folder的介绍）好的业务功能可以有用户随时触发，有系统自动解析并调用相应的功能完成对用户请求的相应（可能是显示一个View或者其他动作）。 View（GridView）与Workbench类似，通过定义好的EntityControlHost完成CRUD功能，由于每个实体CRUD的功能基本逻辑是一样的，因此除了有特殊需要外，系统会自动通过设置EntityControlHost的DataSource和State完成实际业务实体的CRUD的UI调度部分，而数据存取部分已在EntityControl中定义好，简单反射就可以完成相应的数据业务操作，同时此处不需要对DAL/EL或者Service层的强依赖。而对于有特殊要求业务，可以自己扩展EntityControl和EntityControlHost完成。 View也可以是任意用户控件，比如一个地图、一个文件编辑器，当然具体的业务需要在控件内完成。而调度过程完全一样，显示样式也与GridView等已定义好的View无差异。在EntityControlHost和与其相关的View(GridView)中

C/S简易UI框架开发总结(2)

阅读更多关于 C/S简易UI框架开发总结(2)

看了很多的回复，谢谢大家的关注！今天我想写个例子，简单说下如何使用这个框架开始新的项目并实现一个典型的CRUD功能。期间我还想说说关于各种UI组件间信息交互和调度方面的问题。这个组件一直在修修补补，基本稳定后也没有真正的仔细考虑过是否有更好的实现方式，通过简单的说明希望能把我的思路也理理清楚。大家也多多拍砖。开始一个新的项目，首先要做的是创建一个主窗体，它直接从WorkbenchBase继承即可。 Partial Class MainForm Inherits Component.WorkbenchBase ……………. End Class 完成上面代码后，就可以得到下图这样一个具备基本的菜单、手风琴和用户组件区的窗体。由于业务功能没有具体实现，所以手风琴菜单什么都没有。而主菜单中除了与业务动作紧密关联的“编辑”菜单外，其他菜单项WorkbenchBase以默认提供。主窗体有了以后，我们可以在实现一个典型的CRUD功能。上一篇中以提到，实体编辑组件(EntityControl)用于处理一个业务实体的用户交互界面，一次做CRUD功能首先要创建一个自定义控件，然后修改代码，让他继承自EntityControl。 <Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _ Public Class

C/S简易UI框架开发总结(1)

阅读更多关于 C/S简易UI框架开发总结(1)

这篇文章主要是对之前做过的一个UI简易框架（我也不确定能不能算框架，毕竟不是很完整，姑且就叫框架吧。）的总结，计划分3-4片写完。　　其实这个框架并没什么技术含量，完全是一种个人总结性的记录，但是我还是会比较详细的记录一些设计思路和开发细节，希望能能够抛砖引玉，我也会继续把她完善好。　　最初开发UI框架的想法源于对代码中大量粘贴复制动作的疲劳性抵触，一想到实体与界面控件的赋值（取值）、每个实体窗体的新增修改等业务状态的控制就烦，于是一开始就以简单易用、去繁就简为目标，实现的功能也确实非常简单，因此叫简易框架。　　想虽然简单，但是真正动手前还是做了很多功课，读了SharpDeveloper和SmartClient_SOA(codeproject上的一个开源项目)代码。SharpeDeveloper显然太庞大，所以指抄袭改写了其中的Workbench的概念和插件体系（后来发现总用不大去掉了）。 1、 UI布局　　UI框架的整体布局模仿Outlook样式，如下图：　　最上面是菜单和业务功能的快捷按钮；　　左侧是一个手风琴菜单，用于显示业务功能菜单，每个菜单项指向一个业务功能；　　右侧为客户区，显示菜单项对应的业务窗口，它可以以MDI或SDI两种风格显示业务窗口（组件），业务窗口（组件）可以是网格、实体编辑窗口（组件）也可以是其他任意自定义组件；　

Vue.js ui框架大全，总有一款适合你

阅读更多关于 Vue.js ui框架大全，总有一款适合你

适用PC端 1、elementUI 支持vue2.x，饿了么前端团队打造 2、iView 支持vue2.x 3、Vue Antd 支持vue1.x，据说不再有人维护 4、N3 支持vue2.x 5、AliTelecom UI 支持vue2.x，阿里通信技术团队打造 6、Vue-Blu 基于Vuejs和Bulma开发 7、Vue-Beauty 基于 vue.js 和 ant-design样式的PC端UI组件库 8、Vuetify 一个material design vue 组件库 9、vue-material 同 Material 风格的组件库 10、Keen-UI 又一个 Material 风格的组件库 11、Vue Admin 基于Vue 2.0 和 Bulma 0.2 开发的后台界面框架适用移动端 1、Muse-UI 基于Material Design开发，支持vue2.0 2、Mint UI 支持vue2.0，饿了么前端团队打造 3、VUX 基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面 4、VUWE 基于微信WeUI所开发的，专用于Vue2的组件库 5、WEEX 阿里推出的跨平台的移动端开发框架,可以构建高性能、可扩展的 native 应用 6、VueStrap 基于 Vue.js 的 Bootstrap 组件，不需要 jQuery 和

移动端框架收集

阅读更多关于移动端框架收集

frozenui （http://frozenui.github.io/） App.js （http://code.kik.com/app/2/index.html） junior （http://justspamjustin.github.io/junior/#home）移动web开发框架纯粹的总结一下移动web开发框架，移动web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发，是成熟的框架，jQuery Mobile出自于jQuery家族，Sencha Touch来自于ExtJS。jQuery Mobile 和Sencha Touch都是比较成熟老牌的框架，项目中也有应用。国内也有公司，像BAT巨头也在探索和实现了适合自己的移动web框架。 1、jQuery Mobile jQuery Mobile 框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。jQuery Mobile最新版本是1.4.0，默认主题采用扁平化设计风格。jQuery Mobile1.4.0主要侧重于性能和控件方面的改进。除了全新的默认主题和SVG图标，还新增了开关控件、通用过滤器、箭头弹出框、滑动提示框等一系列功能，更是集成了jQuery UI的Tab部件。jQuery Mobile继承了jQuery的优势

后台管理系统

阅读更多关于后台管理系统

一、EasyUI easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。 easyui是个完美支持HTML5网页的完整框架。 easyui节省您网页开发的时间和规模。 easyui很简单但功能强大的。优点：轻量、功能强大、免费、兼容性好、帮助详细、使用的人多生态好缺点：非响应式布局、某些系统看起来有点土（客户与老板的感觉、确实与最新的那些UI有差距）获得：上网搜索、网盘搜索大把被搭建好了基础功能的框架。下载下载后大家可以替换成最新的1.5版的easyui 官网： http://www.jeasyui.com/ ，有免费版，有商业版，商业版收费，帮助非常详尽资源： http://www.jeasyui.net/ ，easyui是国人的的作品，但服务器在国外，官网也是英文的，这个网站类似官网的中文版二、DWZ JUI 特点：DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 设计目标是简单实用,快速开发,降低ajax开发成本。官网： http://jui.org/ 下载： https://github.com

订阅 ui框架