ITEEDU

iPhone书架界面实现过程

在做完毕书架的样式之后，我们需要给书架中添加内容，以加载本地存放的书籍为例进行：

具体功能实现：

相对较简单，可以通过本软件来阅读本地的5本书：“宝宝喂养、日常保健、心灵解惑、准爸爸、准妈妈。

在该软件的实现中：

pageView类实现了自定义的webView：加载本地书籍，点击书籍的相应事件，以及动画效果。

bookselfViewController类实现了自定义的UITableView，效果为书架。

书架的背景图片不是很好看，需要美工进一步修饰后，重新加载进入。

而且后续还可以通过网络来在书架上添加新的书籍，相当于实现了iPhone的简单书架。

实现难点：

自定义UITableView中，每行限制只放置3本书，初始化cell时就将书籍加载进去：采用的方案是分列来定义cell，即在每行中画出三种不同的样式的button，同时用当前行和列的关系来计算该图书到底是那一本图书，以作为当前button的tag，具体见-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath方法，程序中注释十分详细。

书架设计及界面草图

      组成整体元素：UIView、UITableView、UITableViewCell、UIButton、UIImage。

      背景色：UIView一个整体的背景色，如图1所示；UITableViewCell的背景色，如图2所示。

       tableview的每一行就是一个tableviewcell，包含3个UIButton，每个UIButton上包含3个UIImageview；行数是由数据源个数进行运算得到的，点击每个UIButton，会记录该button的编号，与其数据源的index相对应。总体设计界面的草图如图3所示（由于没有美工进行图片加工，界面不是很理想）。

图1 view的背景色     

    图3 cell的背景色