iOS部分-UI基础控件 - 01天 入门 第11课 上下左右移动

讲到
1.素材导入
2.查看素材图片的大小 
3.storyboary修改控件的大小 
4.StoryBoary探索button 
5.脱线时注意点 
6.代码修改frame 
7.总结
1.素材导入

Xcode5之后，项目里面多了一个images.xcassests



这个是专门放素材的。

然后把素材往右边的编辑区一放就行了



2.查看素材图片的大小

首先要点击图片。



然后在点击选择图片。



然后点击右边区域的



再看size 这里就行了。

3.storyboary修改控件的大小
通过show the size inspector

来修改

4.StoryBoary探索button
 4.1 button设置背景图片



4.2 button设置文字字体颜色



4.3 button设置文字的位置



4.4 button点击不放情况下 显示不同图片也就是高亮状态(原本是默认状态的 Default)
Select、和Disabled 需要通过代码来实现
/*
 button 点击有4种状态
 Default
默认
 Hightlighted
高亮
 Select
选择

 Disabled
不可用

*/

 设置通过点击button显示光亮状态的图片



但是通过这样，效果还是达不到我们所预期的效果。为什么呢？
因为我们使用的system的状态（这个是iOS7推出的）
我们要设置为custom状态

拖出来的按钮的类型默认是System

这里说一下素材的命名格式
一般都是button的名字+功能模式。
如 左边按钮 一般分为4种状态
命名如下
left_normal
正常
left_highlighted
高亮
left_disable
不可点
left_select
选择

5.脱线时注意点
往@interface（声明）里面拖 可以时属性或者方法
但是往@implementation （实现）里面拖，肯定是方法

6.代码修改frame

/* 向上移动 */

- (IBAction)top
{

    //修改位置可以通过frame

    //在OC中，不允许直接修改"对象"的"结构体属性"的成员

    //但是允许修改"结构体属性"的"成员"

    //如果要修改对象的结构体属性，需要三个步骤

    

    //1.取出button的frame
    CGRect frame = self.iconButton.frame;

    //2.修改结构体的成员
    frame.origin.y -= 20;

    //3.重新为对象的结构体属性赋值
    self.iconButton.frame = frame;

    
}

/* 向下移动 */
- (IBAction)bottom
{

    //修改位置可以通过frame

    //在OC中，不允许直接修改"对象"的"结构体属性"的成员

    //但是允许修改"结构体属性"的"成员"

    //如果要修改对象的结构体属性，需要三个步骤

    

    //1.取出button的frame
    CGRect frame = self.iconButton.frame;

    //2.修改结构体的成员
    frame.origin.y += 20;

    //3.重新为对象的结构体属性赋值
    self.iconButton.frame = frame;

    
}

/* 向左移动 */
- (IBAction)left
{

    //修改位置可以通过frame

    //在OC中，不允许直接修改"对象"的"结构体属性"的成员

    //但是允许修改"结构体属性"的"成员"

    //如果要修改对象的结构体属性，需要三个步骤

    

    //1.取出button的frame
    CGRect frame = self.iconButton.frame;

    //2.修改结构体的成员
    frame.origin.x -= 20;

    //3.重新为对象的结构体属性赋值
    self.iconButton.frame = frame;

    
}

/* 向右移动 */
- (IBAction)right
{

    //修改位置可以通过frame

    //在OC中，不允许直接修改"对象"的"结构体属性"的成员

    //但是允许修改"结构体属性"的"成员"

    //如果要修改对象的结构体属性，需要三个步骤

    

    //1.取出button的frame
    CGRect frame = self.iconButton.frame;

    //2.修改结构体的成员
    frame.origin.x += 20;

    //3.重新为对象的结构体属性赋值
    self.iconButton.frame = frame;

    

}

7.总结
在写代码的时候，无论是多么复杂的功能。我们第一步。以实现目标为你的最初目标。
有些人写代码的时候写得很慢，满脑子都是模式。我是不是要用到这个技术、会用到那个技术。觉得这个技术不用就太可惜了。老是在琢磨这些东西。然后写代码的时候，总是瞻前顾后。就是不知道当前的代码怎么整。老想着后面的。我下一步会怎么样。我现在是不是要琢磨一下。老想着后面，前面的不写。这样会一直没有结果。