iOS引导界面与主界面之间切换

第一部分 预习部分

笔者所用的开发工具是苹果的Xcode6.0.1,模拟器是iOS8.0的。做这部分的工作需要对两个ui控件要有所熟悉:一个是UIscrollView,另一个是UIPageControl。这两个控件经常混在一起混合使用。(还要有一定的UI操作基础)

第二部分 搭建文件布局

开发的文件布局如下图:

至于对于工程中的文件的创建,这里不再详细的叙述,请参考笔者的博文《XMPP框架的导入》,这里面有详细的步骤。

第三部分 UI界面的搭建

一     点击上图中的login.storyboard,往里面拖入一个UINavgationController,再把右边的表格兰控制器删除不要,拖一个UIViewController,再将导航控制器作为UIviewController的根控制器。具体操作为:点击导航控制器,按住电脑键盘上的control键,拖一根线到UIviewController,然后弹出一个会话框,选择rootViewController就行了。会话框如下图:

二   点击导航控制器,来到它的属性栏,将它作为初始化控制器:

三 下面就开始拖控件了。选择UIScrollView,将它覆盖整个控制器的view。然后再同样的添加UIPageControl,UIButton。这里需要特别注意!!!!!!后面这两个控件不是添加到UIScrollView里面,而是添加到控制器的view,不然的话,这两个控制会随着scrollView的拖动而“消失”的!!最后的控件顺序如下图:

四 控件添加完毕之后,就是连线了让控制器拥有这两个属性,这里笔者不多说了,比较简单。连线之后,控制器拥有的属性应如下图:

五 然后来到文件导航栏:

-------跳转的界面如下--------》》》》

六 新建main.storyboard,把标签栏控制器拖进去,如图:

注意:这也需要勾选这个框框;

UI界面到这里就搭建完了,其中省略了一些步骤,需要大家有UI界面搭建的基础,由于不是这里的重心,故不详细叙述。

第四部分:编写代码

不想再多说了,直接上图:

第五部分 结果截图

时间: 2024-07-31 21:10:38

iOS引导界面与主界面之间切换的相关文章

手机商城第一天 loading界面,主界面与baseFragment的创建,Bufferknife的使用

之前的手机影音经过这2天的总结,又从新掌握了不少之前忘记的知识,加深了对于知识的印象,下面的这个是一个新的项目,商城APP,有用到很多旧的知识,当然又有很多新的知识等着我去挑战.学习. 代码托管到码云上,有兴趣的可以去下载看看 https://git.oschina.net/joy_yuan/ShoppingMall 1.创建loading界面 loading界面说白了就是一个简单布局的activity,在这个activity的oncreate方法里,利用handler发送一个延迟2秒的inte

C#登陆界面到主界面

// 主线程开启登陆界面:Program.cs static void Main() { Application.EnableVisualStyles(); Application.SetCompatibleTextRenderingDefault(false); Application.Run(new LoginForm()); } //在LoginForm的登陆按钮里验证,若成功则跳转到首页,自身需要隐藏 if(!checkUser(name,password)){ MessageBox("

Android仿大众点评引导页(ViewPage)+主页面(Fragment)的实现

大家好,今天主要是实现仿大众点评引导页和主页面以及城市定位的实现,主要使用ViewPager+Fragment+SharedPreferences,实现了第一次打开程序出现引导页,再次打开跳过引导页,这也是一般应用常用的应用基本架构方式.下面首先来看最终实现效果如下图: 1.布局文件说明 1)欢迎页布局文件welcome.xml 2) 引导页布局文件welcome_guide.xml 3)首页布局文件main_home.xml 4)团购布局文件main_tuan.xml 5) 发现布局文件mai

iOS开发之主界面的左右滑动

前言:可能很多iOS开发者在学习之初都会对QQ的主界面的左滑与右滑动感到好奇,今天开始写我人生中的第一篇博客,即:iOS开发之Slide(主界面侧滑侧边栏). 正文: 首先,新建类(HomeViewController:命名随自己)继承ViewController. 然后我们需要声明这些属性: //滑动速度系数-建议在0.5-1之间.默认为0.5 @property (nonatomic, assign) CGFloat speedf; //左侧窗控制器 @property (nonatomic

【边做项目边学Android】手机安全卫士04_01:界面(Activity)之间的切换,Activity和任务栈

上一回说到,用户选择是否升级,若用户选择不升级,那么就要进入程序的主界面.下面要做的是从splash界面跳转到main界面. MainActivity创建 1.首先新建MainActivity: package com.liuhao.mobilesafe.ui; import com.liuhao.mobilesafe.R; import android.app.Activity; import android.os.Bundle; public class MainActivity exten

android脚步---不同界面之间切换

对于一个app,可能需要多个界面,使用Button或者其他控件在不同界面之间切换,那么如何做到呢 首先必须明确,一般一个activity.java文件一般只对应一个界面即一个layout.xml文件,还有可能是在一个界面上再引入一个半屏或者全屏,这样需要用到一些手段,例子在下面放出来. 通常需要新建一个java文件,然后进行处理,新建java文件过程如下:New-class- 输入Name,选择继承的类,一般都是选择最通用的安卓原生的activity类,finish之后得到一个新的java文件,

Android 高仿微信6.0主界面 带你玩转切换图标变色

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/41087219,本文出自:[张鸿洋的博客] 1.概述 学习Android少不了模仿各种app的界面,自从微信6.0问世以后,就觉得微信切换时那个变色的Tab图标屌屌的,今天我就带大家自定义控件,带你变色变得飞起~~ 好了,下面先看下效果图: 清晰度不太好,大家凑合看~~有木有觉得这个颜色弱爆了了的,,,下面我动动手指给你换个颜色: 有没有这个颜色比较妖一点~~~好了~下面开始介绍

用IOS做一个界面切换的效果(登录界面和注册界面和找回密码界面的切换)(用封装好的lable和textf创建界面)

创建一个类封装uitextfield和UIlabel (源代码.m文件) #import "TLView.h" @interface TLView () { UILabel *_desLabel;    //左边的lable UITextField *_textField;//右边的 } @end @implementation TLView //改写父类的初始化方法,处理相同的性能 - (id)initWithFrame:(CGRect)frame { self = [super i

【IOS界面布局】横竖屏切换和控件自适应(推荐)

[IOS界面布局]横竖屏切换和控件自适应(推荐) 分类: [MAC/IOS下开发]2013-11-06 15:14 8798人阅读 评论(0) 收藏 举报 横竖屏切换 自适应 第一种:通过人为的办法改变view.transform的属性. 具体办法: view.transform一般是View的旋转,拉伸移动等属性,类似view.layer.transform,区别在于 View.transform是二维的,也就是使用仿射的办法通常就是带有前缀CGAffineTransform的类(可以到API