亚洲香蕉成人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
亚洲欧美中文日韩在线| 欧美在线视频免费播放| 国产网站欧美日韩免费精品在线观看| 亚洲日本成人网| 68精品久久久久久欧美| 国产精品三级美女白浆呻吟| 91成人免费观看网站| 日韩欧美在线网址| 欧美国产亚洲视频| 亚洲欧美日韩国产精品| 国产v综合v亚洲欧美久久| www亚洲欧美| 久久精品影视伊人网| 在线免费观看羞羞视频一区二区| 国产精品v日韩精品| 91国产精品视频在线| 欧美成人精品一区二区三区| 国产精自产拍久久久久久| 欧美激情一区二区三区在线视频观看| 亚洲国内精品在线| 在线观看中文字幕亚洲| 亚洲日本aⅴ片在线观看香蕉| 亚洲激情在线观看视频免费| 欧美精品一区在线播放| 欧美xxxx18性欧美| 欧美精品aaa| 亚洲乱码国产乱码精品精| 日韩电影免费观看在线观看| 欧美一区二区三区免费观看| 日韩在线观看电影| 国产精品久久久久久久午夜| 57pao国产精品一区| 亚洲欧美一区二区激情| 欧美一级电影免费在线观看| 久久亚洲精品小早川怜子66| 全色精品综合影院| 久久久精品影院| 91精品久久久久久久久久| 韩国日本不卡在线| 欧美华人在线视频| www日韩中文字幕在线看| 视频直播国产精品| 538国产精品一区二区免费视频| 欧美日韩国产综合视频在线观看中文| 中文字幕精品久久| 中文字幕国产亚洲| 亚洲精品国产精品自产a区红杏吧| 日韩中文字幕视频在线| 人人爽久久涩噜噜噜网站| 亚洲国产精品高清久久久| 欧美激情久久久久久| 92看片淫黄大片看国产片| 国产成人精品免高潮费视频| 亚洲一区二区黄| 亚洲free性xxxx护士hd| 日韩一区二区久久久| 一区二区三区视频免费在线观看| 日韩欧亚中文在线| 久久久久久久国产精品视频| 中文字幕v亚洲ⅴv天堂| 日韩电影免费在线观看中文字幕| 亚洲精品国产综合久久| 欧美午夜www高清视频| 中国人与牲禽动交精品| 欧美乱大交做爰xxxⅹ性3| 久久久亚洲福利精品午夜| 亚洲自拍偷拍视频| 成人看片人aa| 日韩国产中文字幕| 国内精品久久久久久久| 欧美黑人巨大精品一区二区| 91久久久久久久久久| 亚洲xxxx做受欧美| 亚洲精品国精品久久99热一| 97超碰蝌蚪网人人做人人爽| 欧美性xxxx18| 精品国产欧美一区二区五十路| 欧美激情精品久久久久久变态| 欧美亚洲国产日韩2020| 国产美女精彩久久| 国产色婷婷国产综合在线理论片a| 欧美成人中文字幕| 久久久精品国产| 国产成人在线播放| 国产男女猛烈无遮挡91| 超薄丝袜一区二区| 亚洲性日韩精品一区二区| 欧美激情一区二区三区在线视频观看| 中文字幕亚洲欧美日韩2019| 久久久欧美精品| 国产经典一区二区| 成人激情免费在线| 日韩欧美第一页| 上原亚衣av一区二区三区| 美女黄色丝袜一区| 国产欧美精品一区二区| 欧美疯狂做受xxxx高潮| 久久成人在线视频| 中文字幕欧美在线| 91精品国产综合久久香蕉| 日本国产高清不卡| 亚洲精品久久久久中文字幕二区| 久久久亚洲国产| 久久久久久久一| 日韩在线不卡视频| 91香蕉嫩草影院入口| 日韩第一页在线| 亚洲图片欧美日产| 一二美女精品欧洲| 中文字幕精品视频| 97人人爽人人喊人人模波多| 欧洲亚洲女同hd| 成人美女av在线直播| 77777亚洲午夜久久多人| 日韩精品极品在线观看| 亚洲人免费视频| 韩日欧美一区二区| 欧美日韩亚洲国产一区| 亚洲国产另类 国产精品国产免费| 亚洲精品一区av在线播放| 欧美日韩国产中文精品字幕自在自线| 亚洲久久久久久久久久久| 久久久人成影片一区二区三区观看| 美日韩精品免费视频| 国产亚洲欧美另类中文| 亚洲国产99精品国自产| 亚洲国产小视频在线观看| 精品视频久久久久久| 精品五月天久久| 国产欧美日韩中文字幕在线| 亚洲国产日韩欧美在线动漫| 日韩欧美极品在线观看| 亚洲视频在线免费看| xvideos成人免费中文版| 亚洲精品一区二区在线| 日韩免费在线电影| 欧美精品免费在线观看| 欧美性一区二区三区| 欧美久久久精品| 免费97视频在线精品国自产拍| 91精品国产综合久久久久久久久| 亚洲影院在线看| 日韩在线不卡视频| 亚洲欧美色婷婷| 一区二区三区黄色| 91po在线观看91精品国产性色| 久久精视频免费在线久久完整在线看| 亚洲香蕉成视频在线观看| 欧美夫妻性视频| 国产一区二区在线播放| 在线日韩精品视频| 久久精品视频在线播放| 精品国产鲁一鲁一区二区张丽| 久久国产精品偷| 色婷婷久久一区二区| 在线观看日韩www视频免费| 色偷偷88888欧美精品久久久| 91网站在线免费观看| 国产成人综合一区二区三区| 久久久精品在线| 欧美一级黄色网| 国产suv精品一区二区三区88区| 伊人伊成久久人综合网站| 性日韩欧美在线视频|