注意:如果文章出现一些名词或者是一些技术不懂,请回复,我再详细说明。如果是基础知识,我则会给你们资料,你们懂的。
我的demo是基于现在最新的版本,可能文章更新慢,请原谅!主要讲述开发中遇到的问题,该怎么解决等等。
第一步:制作网络托管的GIT,进行项目管理
该怎么进行GIT,请查看我其他的文章。这里就不再继续的啰嗦了。
第二步:创建工程,我们创建基于ios6.0以上 arc的工程。
因为没有酷狗的api,虽然得到了酷狗api的地址,但是参数邀请不清楚,仍然无法获取数据,如果使用我的解析HTML可以拿到他们的数据,但是我们主要讲述技术方面,就不纠结于数据了。需要数据的地方我们使用假的数据即可,请见谅。
note:不会创建工程的,请自己百度什么的。
第三步,软件开始绘制,开始绘制第一个界面。
第四部:界面分析
这是一步非常重要的步骤,决定了你需要问UI什么图片,也决定了你以后程序的结构。我这里就简单的分析了一个
第五步
开始绘制界面。我喜欢用GET方法进行属性声明。好处有这几个,第一,对于我这样的代码布局有很好的帮助,第二代码可以随意写,不用怕用到的时候可能没有初始化呢。
我们新建一个UIViewController,我们命名位BaseController.这个是我们的基类。
提示:如果大家也喜欢写GET方法,我可以推荐一个插件,不过也可以自己写。
插件大家可以去code4app找一下了。
我们的基础类已经制作完毕,下一步我们所有的页面都要继承这个页面进行改造。这样就会很大的简化我们的工作了。
我们以后页面的内容一般放在homeView这个控件上面就可以了。
右侧的侧栏,我们选择直接的addSubView。
/*
我们新建一个HomeController继承BaseController,为的就是拥有导航条的特征.
@property (nonatomic,strong) PlayMusicController * rightMusicController;//右侧的试图
@property (nonatomic,strong) UIButton * loginButton;//导航条登录的按钮
@property (nonatomic,strong) UIButton * registerButton;//注册的按钮
@property (nonatomic,strong) UIView * topLineView;//导航条中间的一条短线
@property (nonatomic,strong) UIButton * myMusicButton;//我的音乐
@property (nonatomic,strong) UIButton * networkMusicButton;//网络音乐
@property (nonatomic,strong) UIButton * moreButton;//更多功能
@property (nonatomic,strong) UIImageView * bgImageView;//背景图片
@property (nonatomic,strong) UIImageView * defaultLineBgImageView;//默认的线
@property (nonatomic,strong) UIImageView * whiteLineImageView;//当前显示所在位置的线
@property (nonatomic,strong) UITableView * listItemTableView;//右侧显示功能项的表格
@property (nonatomic,strong) NSArray * myMusicTitleArray;
@property (nonatomic,strong) NSArray * networkMusicTitleArray;
@property (nonatomic,strong) NSArray * moreTitleArray;//myMusicTitleArray networkMusicTitleArray moreTitleArray这三个数组分别是存放我的音乐,网络音乐和更多功能的标题的数组
BOOL myMusicButtonSelected;//我的音乐按钮是否被选择
BOOL networkMusicButtonSelected;//网络音乐的按钮是否被选择
BOOL moreButtonSelected;//更多按钮是否呗选择
BOOL waitPush;//此时playMusicController等着被PUSH
为了达到哪一种点击会变颜色的效果,我们就要再点击一次,点击的按钮的状态就要改变,之后我们就刷新,让按钮的背景图片改变,之后让所处位置的线条改变位置,达到软件所示的效果
对于这个页面界面布局什么的,就不多说了,我也之前写过布局用的方法,表格也是很好写的。
*/