ios开发样式,ios产品设计规范

iOS开发 设置button的image的位置

开发过程中经常遇到通过imageEdgeInsets和titleEdgeInsets去设置button中的image，title的位置，来达到想要的效果。但因为对其原理的不了解，经常碰壁，设置了却达不到自己想要的效果。终于找到这篇文章，文章作者解析的很详细，这里记录一下，方便自己日后查阅。

十年的凤阳网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整凤阳建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“凤阳网站设计”,“凤阳网站推广”以来，每个客户项目都认真落实执行。

1.常用的button样式，图片在上，文字在下

IOS开发以及Tab Bar使用讲解

为了更好理解使用用tabbar和切换视图，我们创建一个Empty Application。

　 　1、 打开Xcode ，新建项目

　 　2、 创建View Controller

在项目上按花键+N创建新文件，创建 Objective-C class 文件，按Next按钮，subClass 选UIViewController 。勾选上xib选项

以同样方式创建另外三个ViewController ，RedViewController ，GreyViewController，YellowViewController。四个View准备好了。那么Tabbar呢？

　 　3、 创建TabBarController.xib文件，选择创建Empty文件

这时候你发现创建的xib文件是空白的，不用慌，去右下角控件栏中把TabBar Controller拖过来就Ok了。

4、 关联TabBarController.xib ,tabbarAppDelegate这两个文件

在上图中选择File’s Owner，打开Identity Inspector，在Class一栏选择tabbarAppDelegate

这样，我们就可以创建TabBarController.xib 文件指向tabbarAppDelegate 文件的Outlet映射了。

5、 在Xcode中的工具栏的View菜单找到 打开Assistant Editor，使tabbarAppDelegate.h和TabBarController.xib 同时打开。

在xib文件上按住control键，往tabbarAppDelegate.h，创建Outlet.

弹出窗口输入 rootController,点connect。

　 　6、 添加代码

打开tabbarAppDelegate.m，在didFinishLaunchingWithOptions方法中添加代码：

1.- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

2. self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

3. // Override point for customization after application launch.

4. [[NSBundle mainBundle] loadNibNamed:@"TabBarController" owner:self options:nil];

5. [self.window addSubview:self.rootController.view];

6. self.window.backgroundColor = [UIColor whiteColor];

7. [self.window makeKeyAndVisible];

8. return YES;

　 　7、 往TabBarController.xib上添加Tab Bar Item,

把控件栏上的Tab Bar Item控件往TabBarController.xib上拖拽即可，一个放4个。

　 　8 、关联Tab Bar Item和***ViewController。

选择其中一个Tab Bar Item，在右上角打开Identity Inspector，在Class中选择BlueViewController：

然后，打开Attribute，在NIB Name选择BlueViewController：

其他3个tab item重复类似的操作，选中对应的ViewController,这样在切换Tab标签时，就可以切换到对应的页面。

9、 设置tab item的属性

选中其中一个tab item ,会在右上角的属性栏里看到如下信息

Badge是红色圈圈里面有数字 ，表示有多少条信息的属性

Identifier 是tab item的样式，选custom是自定义，下面的是系统的样式。我选了其中四种。

bar ITem 的title image在custom的样式下能设置。

10 、剩下的3个Tab Item也做类似的设置即可。

现在基本完工，运行看看结果如何。好吧，其实和第一第二个图是一样的`，这里就不放了。

11 、在viewDidLoad方法加Log观察切换View

可以加写日志看看对应的View是什么时候运行的。第一个运行的View是BlueViewController，点击其他的tab项时，加载其他的view，加载一次之后下次点击不再调用viewDidLoad。

1.- (void)viewDidLoad

2. [super viewDidLoad];

3. NSLog(@"BlueViewController");

4. // Do any additional setup after loading the view from its nib.

iOS 开发中的 MVVM 模式——实用进阶篇（整理）

这篇文章主要介绍了实际应用 MVVM 的过程中的一些问题和解决方案

MVVM（Model View ViewModel）是一种 MVC（Model View Controller）的一种变型，来解决 MVC 中庞大复杂的 Controller 难以维护的问题。大致上讲 MVVM 有几个要求：

MVVM 和 MVC 有很多类似的特点，主要的不同有：

另外一点，MVVM 默认 View 和 View Controller 有一个一对一的关系，一般我们把这两个看做一个整体，会以 .swift 文件 和 Storyboard 的形式出现。

View Model 的工作是处理所有的展示数据的逻辑。如果一个 model 中有一个 NSDate 对象， NSDateFormatter 就会在 View Model 中用来设置日期的展示形式。

View Model 不能接触任何用户界面的部分，View Model 文件中不应该 import UIKit ，View Controller 会观察 View Model 去了解什么时候显示新的数据（通过 KVO 或者 FRP（Functional Reactive Programming））

MVVM 和 MVC 有一个共同的弱点：没有清楚的定义应该把网络请求部分放在哪里。在实际操作过程中，我会把网络请求放在 View Model 文件里面，但之后我打算把网络请求放在自己独立的一个类中，View Model 文件会拥有这个对象。

下面我们主要谈一谈实际应用 MVVM 过程中一些挑战：

例如你想构造这样一个常用的界面，有一个 segment control 在屏幕顶部，屏幕的其他部分是一个 collection view，选择不同的 segment，就会展示不同样式的 collection view，元素的排列顺序。我们定义了一个 enum 来枚举所有的排列样式：

那么这个 enum 在 MVVM 模式中应该放在哪里呢？因为这个 enum 决定了数据排列的顺序，每个 cell 中的文字和按钮的 title，这些都属于展示的逻辑，所以这个 enum 看起来应该放在 view model 中。

然而，这些 layout 并不改变要展示的数据，只是决定了要呈现的数据的排列方式和排列顺序，从这个角度上来说 enum 又应该放在 view controller 中。

我的解决方法是把 enum 放在 view model 中，然后在 view model 中加一个对外的 Observable 或者 Signal 来表示使用了哪个 layout，基于用户选择的 segment，view model 更新这个值，然后在 view controller 中根据相应的 layout 改变 collection view 的样式，view controller 也可以根据这个值来决定用哪个 cell reuse identifier

iOS 开发者在用 MVVM 和 FRP 写应用的时候最常见的问题可能就是 ViewModel 怎么把数据展现给 ViewController。当 Model 层的数据发生变化更新的时候，ViewController 需要得到通知然后做出相应的 UI 更新，我们一般会用到两种机制：

第一个选项很吸引人，因为可以在 View Controller 中决定怎么选择观察那些 property。然而，我不推荐在 Swift 中使用第一个选项，因为 Swift 在 KVO 中没有类型检查，你需要对 AnyObject 强制转换类型很多次。

第二个选项是比较 Swift 的方式，基于 Swift 的 generics 特性，signals，sequences，observables 可以支持编译过程中的类型检查。

但有时候在 view model 增加这些 Signals 或者 Observables 有些困难。Swift 的初始化方法对于什么时候对 property 赋值有非常明确的规定。Signals 或者 Observables 需要使用 view model 内部的状态，所以它们必须在 super.init() 之后才能创建，但是另一方面，我们在调用 super.init() 之前保证所有 property 已经被赋值了，包括那些 Signal/Observable property。

这是个先有鸡还是先有蛋的问题。

我采用比较简单的解决方法：定义成 var 的隐式可选类型，这样就可以在 super.init() 之后才给 property 赋值。这不是一个完美的解决办法。我们可以用 lazy var property 的闭包赋值来代替上面的方法。在 Swift 不断完善和更新的过程中，大家也可以探索其他更好的办法。

举一个很常用的例子，用户点击 collection view 中的一个 cell，跳转到详情页面。用户点击的操作应该在 view controller 中处理，具体内容是展现一个新的详情页面。但是 view controller 不能直接接触 models，我们要如何用 MVVM 模式实现这样的用户交互呢？

我的解决方案是利用 Swift 的闭包。首先在 view model 中定义一个闭包：

然后在 view model 中添加一个 property：

接着我需要调用闭包，在 view model 中定义一个view controller 可以调用的函数，这个函数的参数是可以决定使用什么数据，一般情况下常用 index path：

现在当用户选中一个 cell，会调用 view model 中的这个函数，并且传入 index path 参数，view model 决定使用哪个数据，并调用在 view controller 中定义的闭包，例如：

最后一个问题是怎么创建这个 view model。我们需要传递一个闭包给view model 的初始化函数，然后用 lazy loading 来调用 view model 的初始化函数。

iOS 开发中能不能使用类似CSS的方式做到样式和内容分离

基于MVC的快速开发框架 Bee Framework 是一款iOS快速开发框架，允许开发者使用Objective-C和XML/CSS来进行iPhone和iPad开发，由 Gavin Kwoe 和 QFish 开发并维护。

这套布局库是以android的线性布局，相对布局，框架布局，表格布局为蓝本。同时又具有IOS的AutoLayout的功能，和部分SIZECLASS功能，以及IOS9中的UIStackView的功能，参考了masonry的一些语法机制，但是他却可以运行在IOS5版本的应用中。使用简单方便，代码清晰，而且少。 并且附带四篇教程文档：

iOS开发，如何将UITextField的边框设置成如图的样式？

UITextField *tfText = [[UITextField alloc] initWithFrame:CGRectMake(65, 200, 200, 30)]; tfText.backgroundColor = [UIColor colorWithRed:0.2 green:0.9 blue:0.5 alpha:0.3]; tfText.textAlignment = UITextAlignmentCenter; // Border Style None [tfText setBorderStyle:UITextBorderStyleNone]; [self.view addSubview:tfText]; [tfText release];

iPad Pro(12.7寸) 全键盘设置方法-iOS开发

iPad Pro (12.7寸)同样的环境,设置相同的UIkeyboard,两个不同的APP的弹出来的键盘不同。

怎么样设置12.9寸 iPad Pro 全键盘或去掉全键盘？

这个跟我们APP开发时使用哪种启动页面有关.(So TM   What?)

样式2我们在开发APP时建立工程启动页面默认是会带有luanch storyboard，这个设置启动页面的方式是苹果推崇的，这样设置是12.9寸的ipadpro是跟物理键盘类似的全键盘，跟我们实体物理键盘一样，

但是当用lauch image设置启动页面时键盘默认样式1键盘模式。