iOS開(kāi)發(fā)之觀察任意 App 的 UI 布局 Reveal 篇

本篇還是以 x易x音樂(lè)為????

我們提供的服務(wù)有：成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、安岳ssl等。為近1000家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的安岳網(wǎng)站制作公司

如果沒(méi)有，那就創(chuàng)建一個(gè) RHRevealLoader 文件夾，然后打開(kāi) Reveal ，如下操作

把這兩個(gè)文件復(fù)制到剛才創(chuàng)建的 RHRevealLoader 文件夾下

3，在手機(jī)上配置 Reveal Loader 插件 設(shè)置 -- Reveal -- Enableded Applications -- 把想查看的 App 開(kāi)關(guān)打開(kāi)

4，查看目標(biāo) App 的 UI 布局

首先確認(rèn) OS X 和 iOS 位于同一網(wǎng)段內(nèi)，然后啟動(dòng) Reveal ，在啟動(dòng)目標(biāo) App（如果App 之前是開(kāi)著的，需要先管掉，再打開(kāi)）

在App里切換了界面，可在 Reveal 界面中按 command ＋ r 刷新。

匯報(bào)完畢，歡迎討論！

iOS開(kāi)發(fā)之UIFont字體大全和自定義字體

在開(kāi)發(fā)過(guò)程中很多App為了美觀經(jīng)常需要使用一些自定義的字體，其實(shí)蘋果本身也是支持很多字體的，下面就記錄一下查看所有字體并設(shè)置的方法，其實(shí)挺簡(jiǎn)單的。

知道設(shè)置字體的方法了，就需要找出蘋果本身支持的所有字體了，一個(gè)for循環(huán)就可以搞定了。

下面是所有的效果，可以在下面直接找需要的字體

不過(guò)發(fā)現(xiàn)這些效果對(duì)中文好像沒(méi)什么效果，這就需要自定義字體了

1.將準(zhǔn)備好的字體拉入項(xiàng)目中

2.打開(kāi)Build Phases—Copy Bundle Resources，確保剛添加的字體文件在列表中，否則需要手動(dòng)加到這里

3.編輯”項(xiàng)目名-Info.plist”文件

找到Fonts provided by application ，將加入的字體名連同擴(kuò)展名填在這里

4.利用上面那個(gè)for循環(huán)打印出所有字體，并找到剛剛加入的字體

5.現(xiàn)在就可以使用了[UIFont fontWithName:@"chenweixun-yingxing" size:16];

iOS的UI開(kāi)發(fā)中Button的基本編寫方法解析

一、簡(jiǎn)單說(shuō)明

一般情況下，點(diǎn)擊某個(gè)控件后，會(huì)做出相應(yīng)反應(yīng)的都是按鈕

按鈕的功能比較多，既能顯示文字，又能顯示圖片，還能隨時(shí)調(diào)整內(nèi)部圖片和文字的位置

二、按鈕的三種狀態(tài)

normal（普通狀態(tài)）

默認(rèn)情況（Default）

對(duì)應(yīng)的枚舉常量：UIControlStateNormal

highlighted（高亮狀態(tài)）

按鈕被按下去的時(shí)候（手指還未松開(kāi)）

對(duì)應(yīng)的枚舉常量：UIControlStateHighlighted

disabled（失效狀態(tài)，不可用狀態(tài)）

如果enabled屬性為NO，就是處于disable狀態(tài)，代表按鈕不可以被點(diǎn)擊

對(duì)應(yīng)的枚舉常量：UIControlStateDisabled

三、注意點(diǎn)

（1）從Xcode5開(kāi)始，圖片資源都放到Images.xcassets中進(jìn)行管理，可以使用拖拽的方式添加項(xiàng)目中用到的圖片到Images.xcassets中

（2）若干多個(gè)控件共用一段代碼，通常使用tag。

四、代碼示例

（1）

復(fù)制代碼 代碼如下:

#import "LFViewController.h"

@interface LFViewController ()

@property (weak, nonatomic) IBOutlet UIButton *headImageView;

@end

@implementation LFViewController

// 在OC中，絕大多數(shù)的控件的監(jiān)聽(tīng)方法的第一個(gè)參數(shù)就是控件本身

//- (IBAction)left:(UIButton *)button {

//

// NSLog(@"----");

//}

- (IBAction)move

{

// 通過(guò)frame修改head的位置

// 在OC中，不允許直接修改“對(duì)象”的“結(jié)構(gòu)體屬性”的“成員”

// 允許修改“對(duì)象”的'“結(jié)構(gòu)體屬性”

// 1. 取出結(jié)構(gòu)體屬性

CGRect rect = self.headImageView.frame;

// 2. 修改結(jié)構(gòu)體成員

rect.origin.y -= 20;

// 3. 設(shè)置對(duì)象的結(jié)構(gòu)體屬性

self.headImageView.frame = rect;

}

（2）

復(fù)制代碼 代碼如下:

#import "LFViewController.h"

使用git

1. 創(chuàng)建項(xiàng)目時(shí)，勾選git

2. 開(kāi)發(fā)告一段落后，選擇"Source Control""Commit",并編寫注釋

// 枚舉類型實(shí)質(zhì)上就是一個(gè)整數(shù)，作用就是用來(lái)替代魔法數(shù)字

// 枚舉類型中，指定了第一個(gè)整數(shù)之后，后面的數(shù)字會(huì)遞增

typedef enum

kMovingDirTop = 10,

kMovingDirBottom,

kMovingDirLeft,

kMovingDirRight,

} kMovingDir;

#define kMovingDelta 50

@interface LFViewController ()

@property (weak, nonatomic) IBOutlet UIButton *headImageView;

@end

@implementation LFViewController

- (IBAction)move:(UIButton *)button

// CGRect rect = self.headImageView.frame;

CGPoint p = self.headImageView.center;

// magic number魔法數(shù)字，其他程序員看到代碼的時(shí)候，不知道是什么意思

switch (button.tag) {

case kMovingDirTop:

p.y -= kMovingDelta;

break;

case kMovingDirBottom:

p.y += kMovingDelta;

break;

case kMovingDirLeft:

p.x -= kMovingDelta;

break;

case kMovingDirRight:

p.x += kMovingDelta;

break;

[UIView beginAnimations:nil context:nil];

[UIView setAnimationDuration:1.0];

self.headImageView.center = p;

[UIView commitAnimations];

- (IBAction)zoom:(UIButton *)button

CGRect rect = self.headImageView.bounds;

// 在C語(yǔ)言中，關(guān)于bool的判斷：非零即真

if (button.tag) {

rect.size.width += 50;

rect.size.height += 50;

rect.size.width -= 50;

rect.size.height -= 50;

// 首尾動(dòng)畫

// beginAnimations表示此后的代碼要“參與到”動(dòng)畫中

[UIView beginAnimations:nil context:nil];

[UIView setAnimationDuration:2.0];

self.headImageView.bounds = rect;

// self.headImageView.alpha = 0;

// commitAnimations,將beginAnimation之后的所有動(dòng)畫提交并生成動(dòng)畫

[UIView commitAnimations];

@end

五、補(bǔ)充筆記

1. IBAction的參數(shù)

- (IBAction)left:(UIButton *)button

（1） 在OC中，絕大多數(shù)的控件監(jiān)聽(tīng)方法的第一個(gè)參數(shù)就是控件本身

（2） 默認(rèn)連線時(shí)的參數(shù)類型是id

（3） 如果要在監(jiān)聽(tīng)方法中，方便控件的使用，可以在連線時(shí)或者連線后，修改監(jiān)聽(tīng)方法的參數(shù)類型

2. 修改對(duì)象的結(jié)構(gòu)體成員

在OC中，不允許直接修改“對(duì)象”的“結(jié)構(gòu)體屬性”的“成員”，但是允許修改“對(duì)象”的“結(jié)構(gòu)體屬性”

修改結(jié)構(gòu)體屬性的成員方法如下：

（1）使用臨時(shí)變量記錄對(duì)象的結(jié)構(gòu)體屬性

（2） 修改臨時(shí)變量的屬性

（3）將臨時(shí)變量重新設(shè)置給對(duì)象的結(jié)構(gòu)體屬性

3. 在程序開(kāi)發(fā)中需要避免出現(xiàn)魔法數(shù)字(Magic Number)

使用枚舉類型，可以避免在程序中出現(xiàn)魔法數(shù)字

（1）枚舉類型實(shí)質(zhì)上就是一個(gè)整數(shù)，其作用就是用來(lái)替代魔法數(shù)字

（2）枚舉類型中，指定了第一個(gè)整數(shù)之后，后面的數(shù)字會(huì)遞增

4. frame bounds center

1 frame可以修改對(duì)象的位置和尺寸

2 bounds可以修改對(duì)象的尺寸

3 center可以修改對(duì)象的位置

5. 首尾式動(dòng)畫

復(fù)制代碼 代碼如下:

// beginAnimations表示此后的代碼要“參與到”動(dòng)畫中

[UIView beginAnimations:nil context:nil];

// setAnimationDuration用來(lái)指定動(dòng)畫持續(xù)時(shí)間

[UIView setAnimationDuration:2.0];

self.headImageView.bounds = rect;

......

// commitAnimations，將beginAnimation之后的所有動(dòng)畫提交并生成動(dòng)畫

[UIView commitAnimations];

下面來(lái)羅列一下UIButton的基本屬性羅列

第一、UIButton的定義

復(fù)制代碼 代碼如下:

UIButton *button=[[UIButton buttonWithType:(UIButtonType);

能夠定義的button類型有以下6種，

復(fù)制代碼 代碼如下:

typedef enum {

UIButtonTypeCustom = 0, 自定義風(fēng)格

UIButtonTypeRoundedRect, 圓角矩形

UIButtonTypeDetailDisclosure, 藍(lán)色小箭頭按鈕，主要做詳細(xì)說(shuō)明用

UIButtonTypeInfoLight, 亮色感嘆號(hào)

UIButtonTypeInfoDark, 暗色感嘆號(hào)

UIButtonTypeContactAdd, 十字加號(hào)按鈕

}UIButtonType;

第二、設(shè)置frame

復(fù)制代碼 代碼如下:

button1.frame = CGRectMake(20, 20, 280, 40);

[button setFrame:CGRectMake(20,20,50,50)];

第三、button背景色

復(fù)制代碼 代碼如下:

button1.backgroundColor = [UIColor clearColor];

[button setBackgroundColor:[UIColor blueColor]];

第四、state狀態(tài)

forState: 這個(gè)參數(shù)的作用是定義按鈕的文字或圖片在何種狀態(tài)下才會(huì)顯現(xiàn)

復(fù)制代碼 代碼如下:

enum {

UIControlStateNormal = 0, 常規(guī)狀態(tài)顯現(xiàn)

UIControlStateHighlighted = 1 0, 高亮狀態(tài)顯現(xiàn)

UIControlStateDisabled = 1 1, 禁用的狀態(tài)才會(huì)顯現(xiàn)

UIControlStateSelected = 1 2, 選中狀態(tài)

UIControlStateApplication = 0x00FF0000, 當(dāng)應(yīng)用程序標(biāo)志時(shí)

UIControlStateReserved = 0xFF000000 為內(nèi)部框架預(yù)留，可以不管他

@property(nonatomic,getter=isEnabled)BOOL enabled; // default is YES. if NO, ignores touch events and subclasses may draw differently

@property(nonatomic,getter=isSelected)BOOL selected; // default is NO may be used by some subclasses or by application

@property(nonatomic,getter=isHighlighted)BOOL highlighted;

第五 、設(shè)置button填充圖片和背景圖片

復(fù)制代碼 代碼如下:

[buttonsetImage:[UIImageimageNamed:@"checkmarkControllerIcon"]forState:UIControlStateNormal];

[buttonsetBackgroundImage:[UIImageimageNamed:@"checkmarkControllerIcon"]forState:UIControlStateNormal];

第六、設(shè)置button標(biāo)題和標(biāo)題顏色

復(fù)制代碼 代碼如下:

[button1 setTitle:@"點(diǎn)擊" forState:UIControlStateNormal];

[buttonsetTitleColor:[UIColorredColor]forState:UIControlStateNormal];

第七、設(shè)置按鈕按下會(huì)發(fā)光

復(fù)制代碼 代碼如下:

button.showsTouchWhenHighlighted=NO;

第八、添加或刪除事件處理

復(fù)制代碼 代碼如下:

[button1 addTarget:self action:@selector(butClick:) forControlEvents:UIControlEventTouchUpInside];

[btn removeTarget:nil action:nil forControlEvents:UIControlEventTouchUpInside];

第九、 設(shè)置按鈕內(nèi)部圖片間距和標(biāo)題間距

復(fù)制代碼 代碼如下:

UIEdgeInsets insets; // 設(shè)置按鈕內(nèi)部圖片間距

insets.top = insets.bottom = insets.right = insets.left = 10;

bt.contentEdgeInsets = insets;

bt.titleEdgeInsets = insets; // 標(biāo)題間距

ios開(kāi)發(fā)之uitableview優(yōu)化機(jī)制有哪些

iOS開(kāi)發(fā)UI篇—UITableviewcell的性能問(wèn)題

一、UITableviewcell的一些介紹

UITableView的每一行都是一個(gè)UITableViewCell,通過(guò)dataSource的 tableView:cellForRowAtIndexPath:方法來(lái)初始化每?行

UITableViewCell內(nèi)部有個(gè)默認(rèn)的子視圖:contentView,contentView是UITableViewCell所顯示內(nèi)容的父視圖,可顯示一些輔助指示視圖

輔助指示視圖的作?是顯示一個(gè)表示動(dòng)作的圖標(biāo),可以通過(guò)設(shè)置UITableViewCell的 accessoryType來(lái)顯示,默認(rèn)是UITableViewCellAccessoryNone(不顯?示輔助指?示視圖), 其他值如下:

UITableViewCellAccessoryDisclosureIndicator

UITableViewCellAccessoryDetailDisclosureButton

UITableViewCellAccessoryCheckmark

還可以通過(guò)cell的accessoryView屬性來(lái)自定義輔助指示視圖(?如往右邊放一個(gè)開(kāi)關(guān))

二、問(wèn)題

cell的工作：在程序執(zhí)行的時(shí)候，能看到多少條，它就創(chuàng)建多少條數(shù)據(jù)，如果視圖滾動(dòng)那么再創(chuàng)建新顯示的內(nèi)容。（系統(tǒng)自動(dòng)調(diào)用）。即當(dāng)一個(gè)cell出現(xiàn)在視野范圍內(nèi)的時(shí)候，就會(huì)調(diào)用創(chuàng)建一個(gè)cell。這樣的邏輯看上去沒(méi)有什么問(wèn)題，但是真的沒(méi)有任何問(wèn)題嗎？

當(dāng)創(chuàng)建調(diào)用的時(shí)候，我們使用nslog打印消息，并打印創(chuàng)建的cell的地址。我們發(fā)現(xiàn)如果數(shù)據(jù)量非常大，用戶在短時(shí)間內(nèi)來(lái)回滾動(dòng)的話，那么會(huì)創(chuàng)建大量的cell,一直開(kāi)辟空間，且如果是往回滾，通過(guò)打印地址，我們會(huì)發(fā)現(xiàn)它并沒(méi)有重用之前已經(jīng)創(chuàng)建的cell，而是重新創(chuàng)建，開(kāi)辟新的存儲(chǔ)空間。

那有沒(méi)有什么好的解決辦法呢？

三、cell的重用原理

（1） iOS設(shè)備的內(nèi)存有限,如果用UITableView顯示成千上萬(wàn)條數(shù)據(jù),就需要成千上萬(wàn) 個(gè)UITableViewCell對(duì)象的話,那將會(huì)耗盡iOS設(shè)備的內(nèi)存。要解決該問(wèn)題,需要重用UITableViewCell對(duì)象

（2）重?原理:當(dāng)滾動(dòng)列表時(shí),部分UITableViewCell會(huì)移出窗口,UITableView會(huì)將窗口外的UITableViewCell放入一個(gè)對(duì)象池中,等待重用。當(dāng)UITableView要求dataSource返回 UITableViewCell時(shí),dataSource會(huì)先查看這個(gè)對(duì)象池,如果池中有未使用的UITableViewCell,dataSource則會(huì)用新的數(shù)據(jù)來(lái)配置這個(gè)UITableViewCell,然后返回給 UITableView,重新顯示到窗口中,從而避免創(chuàng)建新對(duì)象 。這樣可以讓創(chuàng)建的cell的數(shù)量維持在很低的水平，如果一個(gè)窗口中只能顯示5個(gè)cell，那么cell重用之后，只需要?jiǎng)?chuàng)建6個(gè)cell就夠了。

（3）注意點(diǎn)：還有?個(gè)非常重要的問(wèn)題:有時(shí)候需要自定義UITableViewCell(用?個(gè)子類繼 承UITableViewCell),而且每?行?的不一定是同一種UITableViewCell,所以一 個(gè)UITableView可能擁有不同類型的UITableViewCell,對(duì)象池中也會(huì)有很多不同類型的 UITableViewCell,那么UITableView在重?用UITableViewCell時(shí)可能會(huì)得到錯(cuò)誤類型的 UITableViewCell

解決?方案:UITableViewCell有個(gè)NSString *reuseIdentifier屬性,可以在初始化UITableViewCell的時(shí)候傳入一個(gè)特定的字符串標(biāo)識(shí)來(lái)設(shè)置reuseIdentifier(一般用UITableViewCell的類名)。當(dāng)UITableView要求dataSource返回UITableViewCell時(shí),先 通過(guò)一個(gè)字符串標(biāo)識(shí)到對(duì)象池中查找對(duì)應(yīng)類型的UITableViewCell對(duì)象,如果有,就重用,如果沒(méi)有,就傳入這個(gè)字符串標(biāo)識(shí)來(lái)初始化?一個(gè)UITableViewCell對(duì)象。

圖片示例：

說(shuō)明：一個(gè)窗口放得下（可視）三個(gè)cell，整個(gè)程序只需要?jiǎng)?chuàng)建4個(gè)該類型的cell即可。

四、cell的優(yōu)化代碼

代碼示例：

1 #import "NJViewController.h"

2 #import "NJHero.h"

3

4 // #define ID @"ABC"

5

6 @interface NJViewController ()UITableViewDataSource, UITableViewDelegate

7 /**

8 * 保存所有的英雄數(shù)據(jù)

9 */

10 @property (nonatomic, strong) NSArray *heros;

11 @property (weak, nonatomic) IBOutlet UITableView *tableView;

12

13 @end

14

15 @implementation NJViewController

16

17 #pragma mark - 懶加載

18 - (NSArray *)heros

19 {

20 if (_heros == nil) {

21 // 1.獲得全路徑

22 NSString *fullPath = [[NSBundle mainBundle] pathForResource:@"heros" ofType:@"plist"];

23 // 2.更具全路徑加載數(shù)據(jù)

24 NSArray *dictArray = [NSArray arrayWithContentsOfFile:fullPath];

25 // 3.字典轉(zhuǎn)模型

26 NSMutableArray *models = [NSMutableArray arrayWithCapacity:dictArray.count];

27 for (NSDictionary *dict in dictArray) {

28 NJHero *hero = [NJHero heroWithDict:dict];

29 [models addObject:hero];

30 }

31 // 4.賦值數(shù)據(jù)

32 _heros = [models copy];

33 }

34 // 4.返回?cái)?shù)據(jù)

35 return _heros;

36 }

37

38 - (void)viewDidLoad

39 {

40 [super viewDidLoad];

41 // 設(shè)置Cell的高度

42 // 當(dāng)每一行的cell高度一致的時(shí)候使用屬性設(shè)置cell的高度

43 self.tableView.rowHeight = 160;

44 }

45

46 #pragma mark - UITableViewDataSource

47 // 返回多少組

48 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

49 {

50 return 1;

51 }

52 // 返回每一組有多少行

53 - (NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

54 {

55 return self.heros.count;

56 }

57 // 當(dāng)一個(gè)cell出現(xiàn)視野范圍內(nèi)的時(shí)候就會(huì)調(diào)用

58 // 返回哪一組的哪一行顯示什么內(nèi)容

59 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

60 {

61 // 定義變量保存重用標(biāo)記的值

62 static NSString *identifier = @"hero";

63

64 // 1.先去緩存池中查找是否有滿足條件的Cell

65 UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];

66 // 2.如果緩存池中沒(méi)有符合條件的cell,就自己創(chuàng)建一個(gè)Cell

67 if (cell == nil) {

68 // 3.創(chuàng)建Cell, 并且設(shè)置一個(gè)唯一的標(biāo)記

69 cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];

70 NSLog(@"創(chuàng)建一個(gè)新的Cell");

71 }

72 // 4.給cell設(shè)置數(shù)據(jù)

73 NJHero *hero = self.heros[indexPath.row];

74 cell.textLabel.text = hero.name;

75 cell.detailTextLabel.text = hero.intro;

76 cell.imageView.image = [UIImage imageNamed:hero.icon];

77

78 // NSLog(@"%@ - %d - %p", hero.name, indexPath.row, cell);

79

80 // 3.返回cell

81 return cell;

82 }

83

84 #pragma mark - 控制狀態(tài)欄是否顯示

85 /**

86 * 返回YES代表隱藏狀態(tài)欄, NO相反

87 */

88 - (BOOL)prefersStatusBarHidden

89 {

90 return YES;

91 }

92 @end

網(wǎng)站欄目：ios開(kāi)發(fā)ui篇,ios ui框架
本文來(lái)源：http://chinadenli.net/article40/dsdieho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營(yíng)銷推廣、軟件開(kāi)發(fā)、微信公眾號(hào)、電子商務(wù)、定制開(kāi)發(fā)、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)