7. 组合你的UI

1. UI布局关键概念一个组合应用UI的根节点被称作Shell,一般只有一个Shell.Shell作为应用的主页,包含一个或者多个域.域是内容占位符,可以包含一个或者多个View.有很多控件可以作为域,如ContentControl,ItemsControl,TabControl,以及一些自定义的容器控件. 1.1. Shell 作为应用根节点,Shell是Window对象,虽然Shell是window对象,但是Shell也可以定义相应的view model对象.Shell定义整体布局,一些通…

业务接口+UI层的设计(基于Castle实现的Repository)

业务接口+UI层的设计(基于Castle实现的Repository) Repository层设计的文章见:[http://www.cnblogs.com/yomho/p/3297042.html] 一.概要设计上面Reposity 应该为 Repository 特此更正,也不打算作图更正了. 二.业务Server层业务层Server是承Repository层,启UI层的重要层, UI层的数据和Repository层的数据传递必须经过它业务层的扩展非常必要所以采用IServer<T…

【Yom框架】漫谈个人框架的设计之三：业务接口+UI层的设计(基于Castle实现的Repository)

Repository层设计的文章见:[http://www.cnblogs.com/yomho/p/3297042.html] 一.概要设计上面Reposity 应该为 Repository 特此更正,也不打算作图更正了. 二.业务Server层业务层Server是承Repository层,启UI层的重要层, UI层的数据和Repository层的数据传递必须经过它业务层的扩展非常必要所以采用IServer<TEntity>的设计方式接口设计如下: namespace Yom…

FairyGUI编辑器制作Unity3D UI值得借鉴

笔者介绍:姜雪伟,IT公司技术合伙人,IT高级讲师,CSDN社区专家,特邀编辑,畅销书作者,已出版书籍:<手把手教你架构3D游戏引擎>电子工业出版社和<Unity3D实战核心技术详解>电子工业出版社等. CSDN视频网址:http://edu.csdn.net/lecturer/144 最近在开发项目时,面临着UI的选型,以前使用的是NGUI或者UGUI,最近看网上关于FairyGUI的介绍,正在考虑使用FairyGUI用于项目开发中UI的制作.编辑器以及UnitySDK下载地址:…

Xamarin.Forms 简介

An Introduction to Xamarin.Forms 来源:http://developer.xamarin.com/guides/cross-platform/xamarin-forms/introduction-to-xamarin-forms/ 概览 Xamarin.Forms 是一个帮助开发者快速创建跨平台UI的框架.它为ios,Android,Windows Phone上的原生控件的使用提供了一层抽象.这意味着应用程序之间可以共享大部分UI代码,同时还能保持相应平台的界面外…

[转]Ionic系列——CodePen上的优秀Ionic_Demo

本文转自:http://my.oschina.net/u/1416844/blog/514361?fromerr=bbFC5JIl 案例网站 Slidebox with Dynamic Slides Ionic UL search example Ionic Accordian ion-affix performance demo (就是这个栏目下的标题一直显示在最上面) Button Bar as Top Tabs FAB Menu Tab layout - view content gap…

自定义View（一）-ViewGroup实现优酷菜单

自定义View的第一个学习案例 ViewGroup是自动以View中比较常用也比较简单的一种方式,通过组合现有的UI控件,绘制出一个全新的View 效果如下: 主类实现如下: package com.demo.youku; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.widget.Toolbar; import android.view.K…

Unity NGUI和UGUI与模型、特效的层级关系

目录 1.介绍两大UI插件NGUI和UGUI 2.unity渲染顺序控制方式 3.NGUI的控制 4.UGUI的控制 5.模型深度的控制 6.粒子特效深度控制 7.NGUI与模型和粒子特效穿插层级管理 8.UGUI与模型和粒子特效穿插层级管理写在前面这篇笔记是整理了之前做的记录,在做项目的过程中,遇到了各种各样的界面穿插问题,界面层级混乱,比如,手机卡了或点快了,就导致两个界面相互交叉.对于界面,这应该算是一个很严重的bug,很大部分原因是整个UI框架没有从整体上考虑这个,后来决心弄清楚层级…

《Programming WPF》翻译第7章 1.图形基础

原文:<Programming WPF>翻译第7章 1.图形基础 WPF使得在你的应用程序中使用图形很容易,以及更容易开发你的显卡的能力.这有很多图形构架的方面来达到这个目标.其中最重要的是综合. 7.1.1综合图形化元素可以组合到你的用户界面的任何一部分中.很多GUI技术易于将图形分离到一个独立的世界.这就需要一个“操纵杆”--当移动一个世界的按钮.文本框和其它框架到另一个世界的Shape和图像中,由于在很多系统中,这两个世界有不同的编程模型. 例如,Windows Forms和Mac…

【转】http://www.cnblogs.com/yuzukwok/p/3884377.html

来自:http://www.cnblogs.com/yuzukwok/p/3884377.html An Introduction to Xamarin.Forms 来源:http://developer.xamarin.com/guides/cross-platform/xamarin-forms/introduction-to-xamarin-forms/ 概览 Xamarin.Forms 是一个帮助开发者快速创建跨平台UI的框架.它为ios,Android,Windows Phone上的原…

GWT开端

这篇文章是转载的,原地址:GWT开端以前的基于GWT的项目中广泛使用的还是gwt-windows-1.5.3这个版本的. 1.下载地址:http://code.google.com/webtoolkit/download.html 2.GWT Designer + WindowBuilder Prohttp://www.instantiations.com/ 3.一本牛书:Eclipse Plug-inshttp://www.qualityeclipse.com/ 4.下载Plugin for…

前端开发框架简介:angular和react

作者:vienwu react是facebook推出一个用来构建用户界面的js库.官方介绍的三大特性如下: just the ui 把react只当作一个ui组件就好,等同于传统mvc中的view. virtual dom react在编程模型和传统dom之间添加了一层,称之为虚拟dom.好处非常多,性能更好,可以在node环境下完成渲染(解决seo问题),可以更好的用于开发native apps. data flow 反应式的单向数据绑定,比传统数据绑定更简单,简单的使用js事件触发改变组件状…

React的组件模式

组件是 React 的核心,因此了解如何利用它们对于创建优秀的设计结构至关重要. 什么是组件根据 React 官网的介绍,"组件让你可以将 UI 分割成独立的.可重用的部分,并独立管理每个部分." 当你第一次安装 npm install react 时,会得到一件事:组件及其 API.与 JavaScript 函数类似,组件接受名为 "props" 的输入并返回 React 元素,该元素描述(声明)用户界面(UI)的外观.这就是为什么 React 被称为声明性 A…

Web Components（续）

概述之前我们介绍了Web Components的基本概念,现在我们给出一个使用Web Components的实例代码,并且对组件化进行一些思考.记录下来,供以后开发时参考,相信对其他人也有用. 实例代码参考资料:web-components-examples html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Pop-up info box -…

win10 uwp 渲染原理 DirectComposition 渲染

本文来告诉大家一个新的技术DirectComposition,在 win7 之后(实际上是 vista),微软正在考虑一个新的渲染机制在 Windows Vista 就引入了一个服务,桌面窗口管理器Desktop Window Manager,虽然从借助 C++ 进行 Windows 开发博客可以看到 DWM 不是一个好的方法,但是比之前好. 在 win8 的时候,微软提出了 DirectComposition ,这是一个新的方法. 在软件的渲染一直都是两个阵营,一个是使用直接渲染模式.直接渲…

Swift 柯里化

前言由于柯里化在业务层的应用较少,所以从 Swift 3.0 开始移除了柯里化的用法,但是 Swift 的很多底层特性是使用柯里化来表达的. 1.柯里化 1.1 柯里化简介柯里化(Currying),又称部分求值(Partial Evaluation),是一种函数式编程思想,就是把接受多个参数的函数转换成接收一个单一参数(最初函数的第一个参数)的函数,并且返回一个接受余下参数的新函数技术. uncurried: 普通函数 // 接收多个参数的函数(与类相关的函数,统称为方法,但是这里就直接说…

Effective Objective-C 笔记之熟悉OC

1.在一个类的头文件中尽量少引用其他头文件如果Person.h 引入了EmployeePerson.h,而后续又有其他类如Human.h又引入了Person.h, 那么EmployeePerson.h也会一并被引入到Human.h.如此往复,引入的头文件会越来越多,也会引入一些根本不需要的头文件,增加编译时间. 如何解决头文件中引用其他头文件: 1)用向前声明的方法@className来解决头文件被直接引用的问题.向前引用只是告诉编译器有一个类名 className在该类中需要用到,但是不需要…

Prism 4 文档 ---第7章组成用户界面

一个应用程序的用户界面(UI)可以通用以下几种模式之一来构建: 窗体所需要所有的控件都包含在一个单独的XAML文件中,在设计时组合这个窗体. 窗体的逻辑区域被分割到单独的部分中,通常指哟过户控件.这些部分被窗体引用并且在设计时组合窗体. 窗体的逻辑区域被分割到单独的部分中,通常指哟过户控件.这些部分是不被窗体所知道的,并且在运行时动态的将它们添加到窗体中.使用这种方法的应用程序称为复合应用程序. 一个复合应用程序的UI是从被认为是通常包含在程序模块中的View的可视化组件松耦合的组合起来的,但是…

WinForm心得

如果有UI部分可以复用,那么可以单独设置为一个UserControl或者一个自定义子类控件如果是单一一个控件,只是继承并修改了默认控件的样式行为,那么可以直接创建一个class并继承该控件,缺点是Designer中不可见如果是一组控件或者说一个区域,可以创建一个UserControl,并且在Designer中自行做界面设计即使做成了一个UserControl或自定义子类控件,在外层Form等父控件中使用时,Size还是要重新设置,就像使用Winform自带的控件一样.因此在这个UserCo…

必读的 Android 文章

必读的 Android 文章掘金官方关注 2017.06.07 13:58* 字数 25218 阅读 8782评论 2喜欢 218 写给 Android 开发者的混淆使用手册 - Android - 掘金本文转自:点击打开链接毫无疑问,混淆是打包过程中最重要的流程之一,在没有特殊原因的情况下,所有 app 都应该开启混淆. 首先,这里说的的混淆其实是包括了代码压缩.代码混淆以及资源压缩等的优化过程.依靠 ProGuard,混淆流程将主项目以及依赖库中未... 高效Android开发者的工具…

vue中需要注意的问题总结(上)

React 与其说是一种框架,倒不如说是一种开发范式.它的核心理念非常简单: 界面/视图就是数据结构的可视化表达UI = f(data) 而界面/视图由组件组合而来UI = f1(data) + f2(data) + f3(data) + ... That's all. React 扮演的角色就是上述公式中的 f,它完全是函数式的,组件就是函数,给它一个输入(传参),它就返回一个输出(UI).只有理解了这种开发理念,用 React 才会得心应手.如果只是去学“语法”,仅满足于“能用”,React…

美团 iOS 端开源框架 Graver 在动态化上的探索与实践

近些年,移动端动态化技术可谓是“百花齐放”,其中的渲染性能也是动态化技术一直在探索.研究的课题.美团的开源框架 Graver 也为解决动态化框架的渲染性能问题提供了一种新思路:关于布局,我们可以采用“画控件”方案替代传统的“拼控件”方式.本文尝试给出一些探索思考与实践经验的分享. 前言动态化技术指的是不依赖程序安装包,就能进行动态实时更新页面的技术.特别是对于电商.社交等需要快速迭代.实时调整的强运营类业务来说,动态化具有非常重要意义.它的优势主要表现为:提高人效.缩短迭代试错周期.解决版本长…

2019-3-8-win10-uwp-渲染原理-DirectComposition-渲染

title author date CreateTime categories win10 uwp 渲染原理 DirectComposition 渲染 lindexi 2019-03-08 09:18:16 +0800 2018-04-16 11:38:37 +0800 UWP DirectComposition win2d 渲染本文来告诉大家一个新的技术DirectComposition,在 win7 之后(实际上是 vista),微软正在考虑一个新的渲染机制. 在 Windows Vist…

【转】android UI进阶之自定义组合控件

[源地址]http://blog.csdn.net/notice520/article/details/6667827 好久没写博客了.实在是忙不过来,不过再不总结总结真的不行了.慢慢来吧,有好多需要去总结的,博客里还是记录ui方面的. 今天和大家分享下组合控件的使用.很多时候android自定义控件并不能满足需求,如何做呢?很多方法,可以自己绘制一个,可以通过继承基础控件来重写某些环节,当然也可以将控件组合成一个新控件,这也是最方便的一个方法.今天就来介绍下如何使用组合控件,将通过两个实例来介…