• 我的大菠萝 – 1,大框架的搭建


    背景

        本人iOS开发超级新手,从来没有玩过。有一些C#的开发经验。这个博文连载,是自己学习6天的过程中写的一个小程序。本人酷爱暗黑3,男蛮子,巅峰等级70+。所以要写一个在iPAD上可以用的属性查看器。可以查看自己,及其他基友的装备、基本属性、技能、追随者等信息。

        先看一下玻璃渣官网的对于hero的一个截屏图片。

    官方的样式

        开发环境是XCode 5.0.2。在写程序过程中,学习的过程中,发现最悲催的事情是,网上搜索到的很多东西都是iOS7之前的,如@property。最郁闷的当然是objective-c的语法,太变态了。

        学习的过程是边写程序,边到网络上搜索资料。前两天是按照developer center的那个Sample一步步做下来的。2天后,初步有了概念,这之后的4天,对我帮助最大的,应该是stackoverflow。

        此文主要是对自己学习过程中碰到问题的一个总结,不是一个step by step的详细介绍。

    建立工程

    模板就选择Single View好了。

    Product Name就是项目的名字,后面随便写好了。

    程序放在一个新目录下,叫做Diablo3Rank,即大菠萝排行榜。我现在Finder中建立这个文件夹。

    然后再在xcode中设置为该工程的目标文件夹。

    点击create之后,这是部署的信息。对于方向的适配,还没搞过。所以我只选择了水平右转。

    界面布置

    几个视图

    下面这个图,左侧是Navigator,和VS里面的Solution Explorer类似;右侧是Inspector,和VS里面的Property Explorer类似。

    添加控制器

    点击左侧的story board,然后再点击右下方的工具箱(Object Library)

    滚动到Tab Bar Controller,然后拖拽到上面打开的story board上,这时候界面是这个样子的。

    菜单中,选择"Product-Run",运行后,只是一个空界面。而从上图中可以看到,默认的UIViewController,和后面添加的Tab Bar Controller是没有线条联系的。

    删除默认的UIViewController之后,我们的Tab Bar Controller会自动变为rootViewController

    再次运行后,注意下面的两个Item

    修改Tab Item的名字

    下一步,要修改下面的Item1/Item2的名称,在storyboard里面,点击右下角的放大符号,然后选择ViwController – Item 1

    双击灰色方块下面的Item 1,同时右面可以看到有一个Title的属性可以设置,默认也是Item 1

    右侧输入"装备"后回车,变成

    同样,修改第二个tab页的item 2,为"基本属性"

    运行后,可以看到名字都修改过来了

    增加Tab页

    加入第三个tab项,从工具栏中选择View Controller

    拖到story board中,如下图,现在还没有和tab controller关联上

    按住Ctrl键,按住鼠标左键,从Tab Bar Controller向我们的新加入的view controller拖,当箭头到view controller之后,松开鼠标

    选择提示栏中的最下面一项,"View Controllers",此时变为:

    运行后,如图

    继续增加下一个view controller,同时修改名字为技能及追随者,最终如下图效果

    运行后的效果

    选择tab controller以及其他四个view controller,在Simulated Metrics属性分类下面,设置屏幕方向为横向(默认为Inferred)

    如何调整tab item的顺序?

    选择tab bar controller,鼠标单击你要移动的tab item,drag&drop到某个item左侧(右侧)即可。

  • 相关阅读:
    DB9 ------ 接口定义
    以太网 ------ Auto-Negotiation(自动协商)
    Qt ------ 添加某个功能,比如(QSerialPort)注意事项
    Modbus
    Centos7.5 安装JDK1.8 步骤
    Kafka 消息中间件
    使用RabbitMQ实现分布式事务
    RabbitMq的环境安装
    RabbitMQ消息中间件的用法
    基于Docker+Jenkins实现自动化部署
  • 原文地址:https://www.cnblogs.com/charju/p/3482822.html
Copyright © 2020-2023  润新知