亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 學院 > 開發設計 > 正文

五分鐘,運用cocoaui庫,搭建主流iOSapp中我的界面

2019-11-14 18:18:42
字體:
來源:轉載
供稿:網友

  本項目基于天天團購項目,在上一篇中有說到!

  首先介紹一些cocoaui,是國內的一名程序員做的開源的開源系統,目的是為了簡化ios布局!官網地址:www.cocoaui.com,github地址:https://github.com/ideawu/cocoaui

  我們這里使用xml定義布局界面,其實就是傳統的html + CSS定義界面,大部分人都有網頁布局的經驗,搞ios布局還是很容易入手并且快捷的!我們首先看下我們要做的界面:

  

  我們按照html+css的格式來定義這個界面:  

<div>    <style>        .headDiv        {        width:100%;        }                .divStyle{        width:100%;        height:auto;        border-bottom: 1 solid #eee;        background:#fff;        vertical-align:middle;        }                .subdivStyle        {        height:auto;        border: 1 solid #eee;        height:40px;        background:#fff;        }                        .textStyle{        float:left;        height:40px;        valign:middle;        }                .btnStyle        {        background:#EDA67B;        width:80%;        height:50px;        float:center;        }            </style>        <div id="headContent" class="headDiv">        <img id=" style="width:80px;height:80px;float:center;margin:10px;" src="default_head.png" />    </div>        <div id="myWashCar" class="subdivStyle" style="width:50%;height:80px;">        <img style="margin:10px;width:50px;height:50px;valign:middle;" src="ic_mt_coupon" />        <span type="text" class="textStyle" >消費卷</span>    </div>    <div id="myCoupon" class="subdivStyle" style="width:100%;height:80px;">        <img style="margin:10px;width:50px;height:50px;valign:middle" src="ic_user_main_favorite.png" />        <span class="textStyle" style="vertical-align:middle;" >我的收藏</span>    </div>        <div id="myCar" class="divStyle">        <img style="margin:10px" src="myfollow.png" />        <span type="text" class="textStyle">我的訂單</span>        <img style="float:right;margin:10px;" src="ic_arrow.png" />    </div>            <div id="myMsg" class="divStyle">        <img style="margin:10px" src="mylike.png" />        <span class="textStyle">我的評價</span>        <img style="float:right;margin:10px;" src="ic_arrow.png" />    </div>    <div id="myVersion" class="divStyle">        <img style="margin:10px" src="moreitems_version.png" />        <span type="text" class="textStyle">版本更新</span>        <img style="float:right;margin:10px;" src="ic_arrow.png" />    </div>        </div>

  將其命名為profile.xml文件放到工程中。格式是不是和普通的html+css界面一模樣!支持大部分的html標記和css屬性!

  然后在ProfileViewController中引入profile.xml文件:代碼如下:

  點擊頭像需要進入修改玩家信息界面,需要監聽頭像的點擊事件:

   是不是很簡單就能定義一個界面!

  補充

  1:對SdWebImage的支持,IImage(UIImageView的再次封裝)中暴露了UIIMageView的接口,可以方便的使用sdWebImage,開始是不支持的,和作者溝通了一下,暴露了這個接口!

  2:對上拉刷新和下拉加載的支持。有例子為證:http://www.cocoaui.com/docs/api/IRefreshControl

  3: 對于webview的支持!控件中沒有對于webview的支持,如果頁面中需要嵌入webview則需要動態創建!

  4:對于radio和checkbox的支持,目前還不支持,需要動態創建,不過非常easy!

  5: 由于很多app 都需要微信端,xml文件布局可以直接移植到移動端下面!


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
最新69国产成人精品视频免费| 欧美黑人xxxx| 成人综合国产精品| 国产精品无码专区在线观看| 91高清视频在线免费观看| 国产91色在线免费| 国产一区二区动漫| 韩曰欧美视频免费观看| 欧美体内谢she精2性欧美| 亚洲精品成人久久电影| 亚洲国产精品国自产拍av秋霞| 久久国产精品电影| 成人xxxx视频| 按摩亚洲人久久| 亚洲激情视频在线播放| 久久亚洲电影天堂| 欧美伦理91i| 最新国产成人av网站网址麻豆| 亚洲а∨天堂久久精品喷水| 国产精品久久久久久中文字| 国内成人精品一区| 中文字幕视频在线免费欧美日韩综合在线看| 97在线观看免费| 热久久美女精品天天吊色| 另类图片亚洲另类| 中文字幕不卡在线视频极品| 亚洲午夜国产成人av电影男同| 日本午夜精品理论片a级appf发布| 国产亚洲欧美aaaa| 亚洲一区二区久久久| 成人av在线网址| www.久久草.com| 日韩视频在线一区| 91精品国产亚洲| 亚洲综合视频1区| 不用播放器成人网| 久久久久北条麻妃免费看| 全亚洲最色的网站在线观看| 韩日欧美一区二区| xvideos国产精品| 日韩美女视频免费看| 尤物99国产成人精品视频| 亚洲欧美国产精品专区久久| 欧美一级大片在线观看| 欧美孕妇毛茸茸xxxx| 亚洲一区二区三区sesese| 色综合久久久久久中文网| 国产精品一区二区女厕厕| 国产69精品99久久久久久宅男| 久久久久久久一区二区| 国产高清视频一区三区| 91精品国产综合久久香蕉最新版| 国产成人一区二区在线| 夜夜狂射影院欧美极品| 久久久久日韩精品久久久男男| 91在线观看免费网站| 91久久精品一区| 国产精品老牛影院在线观看| 亚洲精品v欧美精品v日韩精品| 欧美日韩中文在线| 久久在精品线影院精品国产| 欧美性精品220| 日本一区二区三区在线播放| 国产一区二区在线播放| 97在线免费观看| 色99之美女主播在线视频| 日本精品视频在线| 亚洲精品电影在线观看| 九九热这里只有在线精品视| 91久久久久久久久久| 欧美精品久久一区二区| 亚洲精品国产精品乱码不99按摩| 粉嫩老牛aⅴ一区二区三区| 三级精品视频久久久久| 亚洲欧美在线一区| 国产97在线观看| www.久久久久久.com| 久久精品国产一区二区电影| 成人综合国产精品| 国产美女精品视频免费观看| 亚洲高清av在线| 日韩有码在线视频| 亚洲免费影视第一页| 91wwwcom在线观看| 日韩电影中文字幕| 51视频国产精品一区二区| 国产手机视频精品| 亚洲在线观看视频| 亚洲欧美制服中文字幕| 性欧美亚洲xxxx乳在线观看| 国产精品观看在线亚洲人成网| 欧美性猛交xxxx黑人猛交| 国产激情综合五月久久| 午夜精品蜜臀一区二区三区免费| 欧美中文字幕在线视频| 26uuu另类亚洲欧美日本老年| 午夜精品免费视频| 久久久999国产精品| 欧洲成人在线视频| 久久久91精品| 国产在线观看精品一区二区三区| 欧洲精品久久久| 久久网福利资源网站| 一本一道久久a久久精品逆3p| 中文字幕日韩精品在线观看| 成人免费视频在线观看超级碰| 91在线观看免费高清| 日韩欧美aⅴ综合网站发布| 国产一区二区在线免费视频| 成人黄色影片在线| 欧美疯狂性受xxxxx另类| 91av在线视频观看| 国产精品久久久久久久9999| 日韩av免费在线播放| 久久夜精品va视频免费观看| 精品久久久国产精品999| 日韩免费在线播放| 欧美精品电影在线| 日本精品久久久| 一区二区成人av| 最近2019年日本中文免费字幕| 精品视频在线导航| 一本大道久久加勒比香蕉| 国模极品一区二区三区| 97超碰国产精品女人人人爽| 亚洲成人免费在线视频| xxav国产精品美女主播| 亚洲人成网站免费播放| 亚洲高清久久网| 欧美成人手机在线| 欧美裸身视频免费观看| 国产精品视频专区| 日韩在线观看网站| 欧美精品一本久久男人的天堂| 97精品视频在线观看| 亚洲伊人一本大道中文字幕| 17婷婷久久www| 欧美精品免费播放| 欧美三级免费观看| 色中色综合影院手机版在线观看| 97人人爽人人喊人人模波多| 久久精品电影一区二区| 亚洲精品国产电影| 国产精品电影网站| 日韩在线观看免费网站| 欧美成人第一页| 亚洲男女性事视频| 国产福利精品在线| 91黄色8090| 精品视频www| 亚洲精品www久久久| 久久成人av网站| 欲色天天网综合久久| 麻豆成人在线看| 亚洲天堂av在线免费观看| 最近2019中文字幕大全第二页| 91国产美女在线观看| 亚洲欧美日韩国产成人| 亚洲国产天堂久久综合| 日韩黄色高清视频| 欧美放荡办公室videos4k| 成人免费在线视频网站| 97人人做人人爱| 精品中文字幕乱|