目录

♠️1.5.1  更多的控件------控件简介和创建实例项目

♠️1.5.2更多的控件------项目UI界面搭建1

♠️1.5.3更多的控件------项目UI界面搭建2

♠️1.5.4更多的控件------代码逻辑处理

❤️项目实例介绍

    1.5我们将会认识到更多新的UI控件,比如UIImageView,UITextField,UISegmentedControl,UISwitch,UIDatePicker等等.如图1-5-1为本节的项目实例,完成模拟聪乐宝登录系统.由于本章的使用了大量的用户界面元素,所以本章将分为一小节一小节给大家介绍丰富的控件.

图 1-5-1  模拟登录的实例项目 点击登录按钮显示用户的选择信息

以实例来介绍控件一直是本人所提倡的,也是初学者最容易理解的一种方法,本实例以模拟登录的方式来讲解工作中常用到的控件.下面我们来介绍下什么是控件!

❤️控件简介

      控件有时候也称为视图,简单的来说就是大家在手机屏幕上看到的一切都可以称为控件,比如一个按钮,一个文本框,输入框,图片等等等等.....但从更专业的角度分,可以分为三种基本模式:动态控件/静态控件/和被动控件.下面就简单介绍下这三种模式的关系:

       在上一章节使用的按钮就是典型的动态控件,点击它们是会触发一段代码而发生一些事情.虽然大多数控件都能直接触发操作方法,但并不是所有控件都是如此.例如本节实例中的图像.尽管可以对UIImageView控件进行一些配置使其能够触发操作方法,但本章节中图像视图是被动的,用户不能对其执行任何操作.UIlabe和UIImageView通常都采用了这种方式

       在iOS设备上,大多数可用控件都可以通过这三种模式使用,并且几乎所有的控件都支持一种以上模式,并没有定性的说哪个控件输入哪种模式.可以根据自己的需要选择合适的模式.所有iOS控件都是UIControl的子类,因此他们能触发事件.大多数控件都支持被动模式.并且所有控件都支持静态或者不可见模式.

❤️项目创建

        我们打开Xcode,并创建名称为"1.5-MoreControl"如图1-5-2

图1-5-2 创建项目名"1.5-MoreControl"的工程

下面我进行配置项目,这个项目我们将会只在ipone手机并只支持竖屏模式如图1-5-3

图1-5-3 选择只支持竖屏模式

在项目创建完成之后,我们先将本实例中需要用的图片加到项目中去.如图1-5-4

图1-5-4 加入资源图片

我们观察先图片的名称分别是congLeBao.png/congLeBao@2x.png/congLeBao@3x.png,他们分别是同一张图片的普通版和两个Retina高清版.将这三张图拖进图像内时,系统会自动分配图片的位置.

OK,下节我们会对界面进行搭建

欢迎加入Swift QQ交流群:513653400