iOS 用代码搭建UI界面实例

1.背景

学习IOS开发也差不多两个月了,赶鸭子上架的学习模式让我学习比较快,但是真心很累,每天有每天的工作进度,在学习的

时候需要边做一个项目真心有点累,但是看到自己的收获还是值得的。自己原来是做C#开发的,由于公司需求想开展手机业务,

想公司内部的人做,我觉得是机遇,我就选择了iOS。

学习了这么就吐槽下ios的学习环境,很多时候你问别人问题得不会回你,特别是QQ群,所以想写一些比较清楚的教程帮助那些像

我一样摸索前进的新学者更快的进入。我比较常去的一些论坛都是很牛逼的。cocoa China和code4app 这两个是我经常去逛的,还有就

是xcode带的帮助,感谢它们提供的帮助。

2.开发环境

我的开发环境是Xcode 5.1.1,IOS SDK 7.1

3.实现步骤

0>实现后的界面效果

      

1>新建空项目

2>添加五个文件MainViewController,FirstViewController,SecondViewController,ThirdViewController,FourlViewController,

TestViewController分别继承至 UITabBarController, UIViewController,UIViewController,UIViewController,UIViewController,

UIViewController 后面五个可以随意,是Controller就好了,添加好的结构就是如下面。

3>打开文件AppDelegate.m文件,引进MainViewController.h 头文件,并添加如下代码

 MainViewController * mainview=[[MainViewController alloc] init];
  self.window.rootViewController=mainview;

添加后的AppDelegate.m的文件如下

4>打开文件MainViewController.m,并引进FirstViewController.h ,SecondViewController.h, ThirdViewController.h ,FourlViewController.h

在viewDidLoad 函数添加如下代码

[self creatControls];

在添加函数

//将试图控制器添加到tabbar上面
- (void)creatControls
{
    FirstViewController * firstview=[[FirstViewController alloc] init];
    firstview.tabBarItem.image=[UIImage imageNamed:@"tab_0.png"];
    firstview.tabBarItem.title=@"界面一";

    UINavigationController * nvifirst=[[UINavigationController alloc] init];
    [nvifirst addChildViewController:firstview];

    SecondViewController * secondview=[[SecondViewController alloc]init];
     secondview.tabBarItem.image=[UIImage imageNamed:@"tab_1.png"];
     secondview.tabBarItem.title=@"界面二";
     UINavigationController * nvisecond=[[UINavigationController alloc] init];
    [nvisecond addChildViewController:secondview];

    ThirdViewController * third=[[ThirdViewController alloc] init];
     third.tabBarItem.image=[UIImage imageNamed:@"tab_2.png"];
     third.tabBarItem.title=@"界面三";
    UINavigationController * nvithird=[[UINavigationController alloc] init];
     [nvithird addChildViewController:third];

    FourlViewController * fourview=[[FourlViewController alloc]init];
     fourview.tabBarItem.image=[UIImage imageNamed:@"tab_3.png"];
     fourview.tabBarItem.title=@"界面四";
      UINavigationController * nvifourview=[[UINavigationController alloc] init];
     [nvifourview addChildViewController:fourview];

    NSArray * controls=[NSArray arrayWithObjects:nvifirst,nvisecond,nvithird,nvifourview, nil];

    self.viewControllers=controls;

}

5.分别在FirstViewController.m ,SecondViewController.m, ThirdViewController.m ,FourlViewController.m的viewDidLoad函数里分别添加

  self.view.backgroundColor=[UIColor redColor];
  self.navigationItem.title=@"美女";

根据需要修改文字就好了。

6.在FirstViewController.m文件里引入头文件TestViewController.h,并在viewDidLoad函数里分别添加如下代码

 UIBarButtonItem * right=[[UIBarButtonItem alloc]initWithTitle:@"我想要" style:(UIBarButtonItemStyleBordered) target:self action:@selector(select:)];
      self.navigationItem.rightBarButtonItem=right;

再添加函数

- (void)select:(id)sender
{
    NSLog(@"你想要什么");
    TestViewController * testview=[[TestViewController alloc] init];
  [self.navigationController pushViewController: testview animated:YES];
}

7.打开文件TestViewController.m 并在viewDidLoad函数里分别添加如下代码

    UILabel * msg=[[UILabel alloc]init];
    msg.text=@"哈哈好样的";
    [self.view addSubview:msg];

8>编译运行就能得到一个tabbar的界面

4.代码下载

下载源码

时间: 2024-10-12 17:21:28

iOS 用代码搭建UI界面实例的相关文章

iOS 用代码+Xib搭建UI界面实例

1.背景 有些我们不能只用代码去构建界面,代码是万能的,你用其他方式可以实现的界面,用代码也一定能 实现,但是我们没必要这样做,有的时候用xib会是更好的选择,代码和xib的优劣地方我们得知道,为了 兼顾这两种构建界面得优势,混合使用是一种不错得选择.(我遇到这个问题是在用代码写一个静态得表单 ,我不会弄这个,所以实现得也是动态得,我想其实也是没法实现静态得吧,用这种方式实现得表单获取数据会是 一个很大得难题:用代理可以实现,真的用这种方式去做你会觉得很麻烦,Xib得静态表格也就有很大得方便性,

关于 JavaFX ——我对通过代码写 UI界面的层级式分类方法

前言:在我的另一篇文章“我对 Java 标志符的命名方法”中有提到:对于返回控件的方法我是使用类似:W_borderPane() 的方式编写的. 现在我提出一种通过代码编写 UI 界面的层级式分类方法: 示例代码: // 根容器 private static BorderPane W_borderPaneBasis(){ // 创建 BorderPane _borderPaneBasis = new BorderPane(); // #自我定义 _borderPaneBasis.setBackg

Android有感(9):10.使用XML文件和Java代码控制UI界面

Android推荐使用XML文件设置UI界面,然后用Java代码控制逻辑部分,这体现了MVC思想. MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑.数据.界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑. 我们可以在app\src\main\res\layout目录下定义一个XML文件(R.java文件会自

代码创建UI界面

UIKit框架 UIResponder – UIApplication – UIView     •  UIWindow,UILabel,UIImageView,UIPickerViewUIAlertView,UIScrollVIew,UIProgressView,UIToolbar,UIWebView • UIControl – UIButton,UITextField,UISwitch,UISegementControl, UIPageControl,UISlider – UIDatePic

我的IOS学习之路(一):使用代码创建UI界面

此实例为使用代码动态的删除和添加标签(Label) 主要列举视图控制器文件,详见代码 1 #import "FCViewController.h" 2 3 @interface FCViewController () 4 @property (strong, nonatomic) NSMutableArray *Labels; 5 @end 6 7 @implementation FCViewController 8 int nextY = 40; 9 - (void)viewDidL

iOS纯代码制作欢迎界面——UIScrollView, UIPageControl, UIImageView,UIButton, NSTimer

欢迎界面,还是比较简单的,一个UIScrollView控件,一个UIPageControl,几个UIImageView即可摆平.在这里光玩这些,就显得诚意不足了.特意拓展一下,再加几个UIButton,可以让这个欢迎界面变成可点击的,可滑动的模块添加在页面中,然后再加一个NSTimer,让它自己隔2秒自己循环滑动着,立马让它变成可以放在主页用于展示主打商品的模块. 下面直接展示可直接运行的Demo,代码都挺简单,这次就不添加注解了. #import "ViewController.h"

用代码控制UI界面

       1 public class MainActivity extends Activity { 2 //当第一次创建Activity时回调该方法 3 @Override 4 protected void onCreate(Bundle savedInstanceState) { 5 super.onCreate(savedInstanceState); 6 //创建一个线性布局管理器 7 LinearLayout layout = new LinearLayout(this); 8

IOS 开发笔记-基础 UI(6)照片浏览器(控件的懒加载)

使用UIImageView.UILabel.UIButton实现一个综合小案例 功能分析 (1)点击箭头切换序号.图片.描述 (2)如果是首张图片,左边箭头不能点击 (3)如果是尾张图片,右边箭头不能点击 步骤分析 (1)搭建UI界面 (2)监听按钮点击 切换序号.图片.描述 1. 界面分析 1> 需要读取或修改的属性的控件 // 序号标签 // 图片 // 图片描述 // 左边按钮 // 右边按钮 2> 需要监听响应事件的对象,需要添加监听方法 // 左边按钮 // 右边按钮 uiimage

IOS 开发笔记-基础 UI(1)-简单的计算器

(1)UI是App的根基:一个App应该是先有UI界面,然后在UI的基础上增加实用功能 (2)UI相对简单易学:UI普遍是学习过程中最简单的一块,能快速拥有成就感和学习兴趣 (3)UI至关重要:开发中的绝大部分时间都在处理UI 谨记一条IOS软件开发定律:万物皆对象,UI界面上的每一个元素都是一个对象 IOS,android 软件开发过程 UIKit框架是跟UI有关系的,标签,文本,按钮,进度条,开关等控件,都是封装在UIKit框架内部的,UIKit框架中提供了丰富多彩的可视化组件元素,利用UI