• <tr id="yyy80"></tr>
  • <sup id="yyy80"></sup>
  • <tfoot id="yyy80"><noscript id="yyy80"></noscript></tfoot>
  • 99热精品在线国产_美女午夜性视频免费_国产精品国产高清国产av_av欧美777_自拍偷自拍亚洲精品老妇_亚洲熟女精品中文字幕_www日本黄色视频网_国产精品野战在线观看 ?

    基于Flutter的圖片風(fēng)格轉(zhuǎn)換App設(shè)計(jì)與實(shí)現(xiàn)

    2020-04-05 18:51:36翁子欣吳明暉
    計(jì)算機(jī)時(shí)代 2020年2期
    關(guān)鍵詞:移動(dòng)應(yīng)用

    翁子欣 吳明暉

    摘? 要: Flutter是Google開(kāi)發(fā)的一種高性能的跨平臺(tái)移動(dòng)UI框架,是一套聚焦于原生體驗(yàn)的分層架構(gòu)。文章介紹了Flutter的框架特性和實(shí)現(xiàn)原理,描述了基于Flutter的圖片風(fēng)格轉(zhuǎn)換App的設(shè)計(jì)過(guò)程,對(duì)App的 UI設(shè)計(jì)、不同狀態(tài)類型的關(guān)鍵Widget設(shè)計(jì)等關(guān)鍵開(kāi)發(fā)步驟進(jìn)行了詳細(xì)說(shuō)明。開(kāi)發(fā)實(shí)踐表明,基于Flutter框架進(jìn)行App開(kāi)發(fā)能夠在不降低用戶體驗(yàn)的基礎(chǔ)上提高開(kāi)發(fā)效率。

    關(guān)鍵詞: Flutter; UI框架; Widget; 圖片風(fēng)格轉(zhuǎn)換; 移動(dòng)應(yīng)用

    中圖分類號(hào):TP399? ? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼:A? ? 文章編號(hào):1006-8228(2020)02-67-04

    Design and implementation of image style transfer App based on Flutter

    Weng Zixin, Wu Minghui

    (School of Computer and Computing Science, Zhejiang University City College, Hangzhou, Zhejiang 310015, China)

    Abstract: Flutter is a high performance cross platform mobile UI framework developed by Google, which is a layered architecture focusing on the original experience. This paper introduces the main framework features and implementation principles of Flutter, describes the design process of the image style transfer App based on Flutter, and describes the key development steps such as the UI design of the App and the design of key Widgets with different state types in detail. The development practice shows that the application development based on the Flutter framework can improve the development efficiency without reducing the user experience.

    Key words: Flutter; UI framework; Widget; image style transfer; mobile App

    0 概述

    當(dāng)前主流的移動(dòng)應(yīng)用操作系統(tǒng)包括Android和iOS。其中,AndroidApp的主流開(kāi)發(fā)平臺(tái)為Android Studio和Eclipse,主要開(kāi)發(fā)語(yǔ)言是Java。iOSApp則利用MacOS端的XCode進(jìn)行開(kāi)發(fā),開(kāi)發(fā)語(yǔ)言為Object-C或Swift。若要開(kāi)發(fā)一款適用于這兩大系統(tǒng)的App,開(kāi)發(fā)者需要掌握兩套不同的技術(shù)。這會(huì)大大增加研發(fā)成本和維護(hù)成本。因此,利用跨平臺(tái)框架來(lái)開(kāi)發(fā)移動(dòng)應(yīng)用的意義十分重大[1]。

    Flutter是Google在2018年2月27日世界移動(dòng)大會(huì)上發(fā)布的一個(gè)跨平臺(tái)開(kāi)發(fā)框架。它支持在Android和iOS上快速構(gòu)建高質(zhì)量的原生用戶界面,支持以毫秒級(jí)的熱重載更新應(yīng)用頁(yè)面,聚焦于原生體驗(yàn)的分層架構(gòu),允許用戶完全自定義設(shè)計(jì)。兼具眾多優(yōu)點(diǎn),F(xiàn)lutter這一新興的跨平臺(tái)開(kāi)發(fā)框架迅速進(jìn)入開(kāi)發(fā)者的視野,受到業(yè)界的熱烈關(guān)注[2]。

    Flutter的特別之處在于,它既不使用WebView也不使用系統(tǒng)原生控件,而是選擇高性能的渲染引擎來(lái)畫(huà)控件。此外,F(xiàn)lutter只有C/C++代碼編寫的單一層,開(kāi)發(fā)者能更容易控制系統(tǒng),更方便地讀取或者修改系統(tǒng)的組件、手勢(shì)、動(dòng)畫(huà)框架和控件等等[3]。

    Flutter頁(yè)面中所有的元素均為Widget。Flutter使用自己高性能引擎Skia來(lái)繪制Widget。這樣不僅可以保證在Android和iOS上UI的一致性,還可以避免對(duì)原生控件依賴而帶來(lái)的限制及高昂的維護(hù)成本。Skia是Google的一個(gè)2D圖形處理函數(shù)庫(kù),包含字型、坐標(biāo)轉(zhuǎn)換以及點(diǎn)陣圖,有高效能且簡(jiǎn)潔的表現(xiàn),并且提供了非常友好的API[4]。

    Flutter 采用 Dart編程語(yǔ)言來(lái)編譯。Dart語(yǔ)言用預(yù)編譯的方式編譯多個(gè)平臺(tái)的原生代碼。這使得Flutter能直接與平臺(tái)通信而不需要執(zhí)行上下文切換的JavaScript橋接器。Dart語(yǔ)言適合Flutter框架的主要原因在于它支持Flutter的兩個(gè)關(guān)鍵特性:在開(kāi)發(fā)階段采用JIT模式,改動(dòng)無(wú)需編譯,極大的節(jié)省了開(kāi)發(fā)時(shí)間;在發(fā)布時(shí)可以通過(guò)AOT生成高效的ARM代碼以保證應(yīng)用性能。并且Dart在連續(xù)分配多個(gè)對(duì)象的時(shí)候,所需消耗的資源非常少。Dart虛擬機(jī)可以快速分配內(nèi)存給短期生存的對(duì)象,使很復(fù)雜的UI能在60ms內(nèi)完成一幀的渲染,從而保證了平滑的展示UI滑動(dòng)及動(dòng)畫(huà)等效果。

    1 Flutter框架特性

    1.1 Widget

    Flutter頁(yè)面中所有元素都是Widget。Flutter的Widget是對(duì)頁(yè)面UI的一種描述,類似于Web中的HTML。應(yīng)用程序、頁(yè)面、布局、視圖、事件、通知、甚至是具體的文本樣式都統(tǒng)一化為Widget可以讓Flutter的代碼更加統(tǒng)一。Flutter在構(gòu)建UI過(guò)程中形成了一個(gè)類似于iOS視圖樹(shù)的Widget樹(shù),如圖1所示。Flutter的控件通常由許多小型、單用途的控件組成而不是擴(kuò)展現(xiàn)有的控件類。小控件結(jié)合起來(lái)產(chǎn)生強(qiáng)大的效果。類的層次結(jié)構(gòu)是扁平的,使可能的組合數(shù)量最大化。

    視圖在運(yùn)行時(shí)可能變化,因此Flutter引入了State來(lái)管理視圖狀態(tài)。在修改完數(shù)據(jù)后,需要主動(dòng)調(diào)用setState()來(lái)觸發(fā)視圖狀態(tài)的更新。根據(jù)狀態(tài)是否可變,Widget又被分為StatefulWidget和StatelessWidget,兩者都繼承自Widget。其中StatelessWidget是指無(wú)可變狀態(tài)的Widget,這類Widget的狀態(tài)只由創(chuàng)建Widget時(shí)傳入的參數(shù)決定,一旦創(chuàng)建,其在頁(yè)面上展示的效果就不再改變。而StatefulWidget存在可變狀態(tài)。當(dāng)通過(guò)setState()改變狀態(tài)時(shí),F(xiàn)lutter就會(huì)重新渲染該Widget。

    1.2 布局

    主要使用了Row、Column、Container、Expanded、Stack等。Row、Column提供了水平、垂直方向的布局,Stack提供了堆疊方式的布局,各種容器有不同的特性,可根據(jù)實(shí)際頁(yè)面需求選擇搭配不同的布局。

    1.3 插件

    Flutter有很多功能強(qiáng)大的插件[5],比如:狀態(tài)管理插件、推送、QQ、事件總線Event Bus、Toast提示、圖片選擇器、圖片加載等。在基于Flutter的圖片風(fēng)格轉(zhuǎn)換App的設(shè)計(jì)與實(shí)現(xiàn)中運(yùn)用到了狀態(tài)管理插件、QQ、圖片選擇器、圖片加載器、圖片緩存等。

    2 基于Flutter的UI構(gòu)建

    UI構(gòu)造過(guò)程經(jīng)歷了從Widget樹(shù)轉(zhuǎn)換成Element樹(shù)再到最終渲染的RenderObject樹(shù)。如圖2所示。

    其中,Widget樹(shù)主要存放渲染內(nèi)容、視圖布局信息;Element存放上下文,通過(guò)Element遍歷視圖樹(shù),Element同時(shí)持有Widget和RenderObject;Element是對(duì)應(yīng)Widget在渲染樹(shù)的實(shí)例化節(jié)點(diǎn)。同一個(gè)Widget可以對(duì)應(yīng)渲染樹(shù)中的多個(gè)Element,類似于一個(gè)視圖模板;RenderObject根據(jù)Widget的布局屬性進(jìn)行l(wèi)ayout,paint Widget傳人的內(nèi)容。另外,在視圖描述Widget和真實(shí)渲染的RenderObject的中間設(shè)計(jì)的Element層對(duì)某一時(shí)刻的事件做了匯總和比對(duì),只對(duì)真正需要修改的部分同步到真實(shí)渲染的RenderObject樹(shù)上面,提高了渲染效率。

    3 圖像風(fēng)格轉(zhuǎn)換App設(shè)計(jì)

    這款A(yù)pp的主要功能是將用戶選擇的圖片按照指定風(fēng)格轉(zhuǎn)換并展示。用戶可以將轉(zhuǎn)換好的圖片保存至本地相冊(cè)或分享至QQ。App的UI界面設(shè)計(jì)如圖3。

    用戶首先從本地相冊(cè)或者使用相機(jī)拍攝獲取需要轉(zhuǎn)換風(fēng)格的圖片。用戶選定圖片后的界面如圖3(a)。點(diǎn)擊不同風(fēng)格對(duì)應(yīng)窗口中的轉(zhuǎn)換按鈕,等待數(shù)秒后即得到對(duì)應(yīng)風(fēng)格的目標(biāo)圖片,效果如圖3(b)所示。用戶可以向上滑動(dòng)界面觸發(fā)分享功能,將轉(zhuǎn)換好的圖片分享給QQ好友,如圖3(c),也可以下滑界面觸發(fā)保存功能,將轉(zhuǎn)換好的圖片保存至本地相冊(cè),效果如圖3(d)。

    根據(jù)需要實(shí)現(xiàn)的功能,該App的主要組件為:圖片選擇器、圖片翻頁(yè)器、圖片風(fēng)格轉(zhuǎn)換器、相機(jī)按鈕、相冊(cè)按鈕以及風(fēng)格轉(zhuǎn)換按鈕。

    圖片選擇器用于管理圖片選擇,將圖片從相機(jī)/相冊(cè)中導(dǎo)入后轉(zhuǎn)換成MemoryImage類型的圖片保存在內(nèi)存中,如圖4所示。在導(dǎo)入圖片的過(guò)程中,可以適當(dāng)壓縮圖片大小以減少內(nèi)存的占用,并且根據(jù)圖片的EXIF信息把圖片旋轉(zhuǎn)到正常的角度,計(jì)算圖片的主要色調(diào),用以確定圖片邊框顏色和按鈕控件的顏色等。圖片翻頁(yè)器用于管理各個(gè)風(fēng)格的圖片。圖片風(fēng)格轉(zhuǎn)換器是狀態(tài)可變的Widget,用于管理圖片轉(zhuǎn)換的狀態(tài)。其通過(guò)圖片的轉(zhuǎn)換階段來(lái)確定Widget的渲染外觀并確定是否要顯示轉(zhuǎn)換按鈕以及調(diào)用網(wǎng)絡(luò)請(qǐng)求。

    4 重要Widget的實(shí)現(xiàn)

    Widget的主要任務(wù)是實(shí)現(xiàn)build函數(shù),定義Widget中其他較低層次的控件,build函數(shù)依次構(gòu)建這些控件即實(shí)例化一個(gè)或者多個(gè)Element對(duì)象。通過(guò)Element對(duì)象實(shí)現(xiàn)UI渲染樹(shù),直到底層渲染對(duì)象。

    Flutter可以在Windows、Linux、Mac上開(kāi)發(fā),開(kāi)發(fā)工具可以使用VS Code、Android Studio、IDEA等,本次開(kāi)發(fā)使用Android Studio,主要因?yàn)锳ndroid Studio提供的Flutter Inspector工具可以實(shí)時(shí)審查元素,解決界面的顯示適配問(wèn)題。下面舉例介紹幾個(gè)典型的狀態(tài)可變的Widget與狀態(tài)不可變的Widget的實(shí)現(xiàn):

    4.1 圖片選擇器(Stateful)

    圖片選擇器的構(gòu)造函數(shù):

    @override

    Widget build(BuildContext context){

    print(lastColor);

    returnFutureBuilder(

    future: MyTools.loadImage(_imgPath),

    builder:(BuildContextcontext, AsyncSnapshotsnapshot){

    Widget ret;

    if(snapshot.hasError){

    ret = Text(snapshot.error.toString());

    }else{

    MyImageData data = snapshot.data;

    Switch(snapshot.connectionState){

    CaseConnectionState.done:

    lastMainColor = data.color.color;

    lastTextColor = data.color.color;

    lastColor = data.color;

    ret=MyPageController(data,styleNames,styleJson);

    ret = Text(“l(fā)oading”);

    }

    }

    return new Container(

    color: lastMainColor,

    child: addButtons(ret,lastColor),

    ); // Container

    },

    ); //FutureBuilder

    }

    上述構(gòu)造函數(shù)用于圖片選擇。當(dāng)導(dǎo)入不同圖片時(shí),該Widget需要被刷新,因此該Widget是有狀態(tài)變化的組件,需要繼承自Statefulwidget類。因?yàn)榧虞d和計(jì)算圖片的屬性比較耗時(shí),所以使用FutureBuilder對(duì)象來(lái)觀察這個(gè)耗時(shí)操作并根據(jù)該操作的不同階段來(lái)返回不同的Widget樹(shù)。當(dāng)setState()被調(diào)用時(shí),build方法都會(huì)重新執(zhí)行以改變?cè)揥idget的狀態(tài)。

    4.2 圖片風(fēng)格轉(zhuǎn)換器(Stateful)

    首先用Stack控件構(gòu)造圖片和圖片的高斯模糊化的邊框,然后根據(jù)該控件的狀態(tài)決定是否需要加上轉(zhuǎn)換按鈕。最外層的手勢(shì)監(jiān)控控件(GestureDetector)用于監(jiān)視用戶的手勢(shì),當(dāng)用戶上下滑動(dòng)界面時(shí),要讓控件產(chǎn)生上下位移的效果。上移觸發(fā)分享的功能,下移觸發(fā)保存的功能。在手勢(shì)監(jiān)控控件(GestureDetector)中編寫對(duì)應(yīng)用戶下拉手勢(shì)的動(dòng)畫(huà)效果:用AnimationController和Tween線性的觸發(fā)重繪函數(shù)(setState()),使得控件對(duì)應(yīng)用戶下拉手勢(shì),并且在松手之后會(huì)有回彈效果。同時(shí),還可以調(diào)用onVerticalDragEnd事件。在用戶完成下拉操作時(shí)添加額外動(dòng)畫(huà)。

    4.3 圖片翻頁(yè)器(Stateless)

    使用系統(tǒng)的PageController控件構(gòu)造一個(gè)可以左右翻頁(yè)用于展示多種轉(zhuǎn)換效果的控件。該控件通過(guò)傳入itemBuilder參數(shù)告訴控件如何渲染每頁(yè)的內(nèi)容。頭部的Text說(shuō)明風(fēng)格的種類,中間的圖片風(fēng)格轉(zhuǎn)換器控件用于展示圖片。效果如圖5所示。

    5 結(jié)束語(yǔ)

    Flutter基于Skia引擎使用Dart語(yǔ)言搭建了一套全新的UI框架,底層調(diào)用OpenGL繪制,在Native和Flutter Engine上實(shí)現(xiàn)了UI的隔離。開(kāi)發(fā)者在寫UI代碼時(shí)就不用再關(guān)心平臺(tái)實(shí)現(xiàn),從而實(shí)現(xiàn)了跨平臺(tái)。此外,F(xiàn)lutter可以通過(guò)平臺(tái)通道與原生進(jìn)行靈活通信,渲染效率非常高,其release版的流暢度堪比原生。在排版、圖標(biāo)、滾動(dòng)、點(diǎn)擊等方面,F(xiàn)lutter能夠?qū)崿F(xiàn)零差異。Flutter作為一個(gè)高效開(kāi)發(fā)與高性能并存的UI框架,大大提高了移動(dòng)應(yīng)用的開(kāi)發(fā)效率。隨著Google與開(kāi)源社區(qū)的不斷支持,將會(huì)有更多的開(kāi)發(fā)者感受到利用Flutter框架進(jìn)行開(kāi)發(fā)帶來(lái)的高效體驗(yàn)。相信Flutter在跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)中將成為一種新趨勢(shì),受到業(yè)界更加熱烈的關(guān)注。

    參考文獻(xiàn)(References):

    [1] 金誠(chéng).移動(dòng)應(yīng)用跨平臺(tái)開(kāi)發(fā)框架的比較分析[J].民營(yíng)科技, 2018.10:150-152

    [2] 彭娟. 跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)研究[J].科學(xué)咨詢(科技·管理),2017.27:59.

    [3] 周勇,程子清.Flutter的原理深度剖析[J].電腦編程技巧與維護(hù),2018.11:19-21

    [4] 杜文. Flutter實(shí)戰(zhàn)[EB/OL].https://book.flutterchina.club/,2019-4-26.

    [5] KeMao,MarkHarman,YueJia. Robotic Testing of Mobile Apps for Truly Black-Box Automation[J].IEEE Software,2017.34(2):11-16

    猜你喜歡
    移動(dòng)應(yīng)用
    T學(xué)校公共設(shè)施便捷報(bào)修平臺(tái)的移動(dòng)應(yīng)用研究
    東方教育(2016年18期)2017-01-16 16:42:44
    云計(jì)算環(huán)境下的微課移動(dòng)云平臺(tái)設(shè)計(jì)
    大數(shù)據(jù)時(shí)代下免費(fèi)手機(jī)軟件盈利模式探討
    基于APICloud的“校園健身達(dá)人”APP設(shè)計(jì)與實(shí)現(xiàn)
    基于Android平臺(tái)的教學(xué)應(yīng)用系統(tǒng)研究
    基于PhoneGap技術(shù)的跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)探討
    智能手機(jī)移動(dòng)應(yīng)用交互框架研究
    戲劇之家(2016年11期)2016-06-22 13:24:35
    基于iOS的校園電子地圖的研究與實(shí)現(xiàn)
    移動(dòng)天氣系統(tǒng)UI設(shè)計(jì)
    移動(dòng)互聯(lián)網(wǎng)在防汛工作中的應(yīng)用
    科技視界(2016年4期)2016-02-22 08:53:41
    一边摸一边抽搐一进一小说| 伊人久久精品亚洲午夜| 久久热精品热| 美女黄网站色视频| 欧美乱妇无乱码| 99久久成人亚洲精品观看| 在线播放无遮挡| 不卡一级毛片| 久久99热这里只有精品18| 国产伦人伦偷精品视频| 婷婷丁香在线五月| 一夜夜www| 久9热在线精品视频| 桃色一区二区三区在线观看| 99久久99久久久精品蜜桃| av在线蜜桃| 国产高清激情床上av| 在线观看美女被高潮喷水网站 | 脱女人内裤的视频| 亚洲经典国产精华液单 | 亚洲男人的天堂狠狠| 天堂av国产一区二区熟女人妻| 国语自产精品视频在线第100页| 午夜福利在线在线| 嫩草影院精品99| av女优亚洲男人天堂| 99热这里只有是精品50| 熟女电影av网| 深夜精品福利| 精品一区二区三区视频在线| 成人一区二区视频在线观看| 日韩精品青青久久久久久| 97超视频在线观看视频| 桃红色精品国产亚洲av| 国产大屁股一区二区在线视频| 婷婷精品国产亚洲av| 亚洲精品日韩av片在线观看| 一夜夜www| 99热这里只有是精品在线观看 | 99国产精品一区二区蜜桃av| 欧美另类亚洲清纯唯美| 亚洲成人免费电影在线观看| 久久久久久久久久黄片| 一本一本综合久久| 啦啦啦韩国在线观看视频| 亚洲中文字幕日韩| 亚洲av.av天堂| 国产精品久久久久久人妻精品电影| 久久精品国产99精品国产亚洲性色| av专区在线播放| 国产一区二区三区视频了| 久久婷婷人人爽人人干人人爱| av视频在线观看入口| 欧美黄色淫秽网站| 在线观看舔阴道视频| 91午夜精品亚洲一区二区三区 | 午夜精品久久久久久毛片777| 欧美一级a爱片免费观看看| 九九在线视频观看精品| 美女黄网站色视频| 熟女人妻精品中文字幕| 在线国产一区二区在线| 日本与韩国留学比较| 久久久精品欧美日韩精品| 能在线免费观看的黄片| 午夜免费男女啪啪视频观看 | 九九在线视频观看精品| 精品乱码久久久久久99久播| 亚洲国产色片| 国产欧美日韩精品一区二区| 亚洲专区中文字幕在线| 性色av乱码一区二区三区2| 欧美3d第一页| 91九色精品人成在线观看| 日韩欧美国产一区二区入口| 午夜亚洲福利在线播放| 亚洲精品456在线播放app | 无遮挡黄片免费观看| 极品教师在线免费播放| 精品99又大又爽又粗少妇毛片 | 黄色女人牲交| 国产精品久久视频播放| 午夜精品一区二区三区免费看| 国产一区二区三区视频了| 国产精品一区二区三区四区久久| 在现免费观看毛片| 国产伦精品一区二区三区四那| 日韩欧美 国产精品| 久久精品影院6| 99精品久久久久人妻精品| 免费观看精品视频网站| 国产精品久久久久久亚洲av鲁大| 日韩欧美免费精品| 蜜桃亚洲精品一区二区三区| 免费av不卡在线播放| 香蕉av资源在线| 亚洲精品久久国产高清桃花| 高潮久久久久久久久久久不卡| 国产午夜福利久久久久久| 欧美精品国产亚洲| 午夜激情福利司机影院| 激情在线观看视频在线高清| 欧美黑人欧美精品刺激| 日本撒尿小便嘘嘘汇集6| 国产精品不卡视频一区二区 | www.熟女人妻精品国产| 999久久久精品免费观看国产| 亚洲av成人av| 日韩 亚洲 欧美在线| a级一级毛片免费在线观看| 波多野结衣高清无吗| 久久久精品欧美日韩精品| 美女高潮的动态| 人妻制服诱惑在线中文字幕| eeuss影院久久| 一个人观看的视频www高清免费观看| 别揉我奶头 嗯啊视频| 日本成人三级电影网站| 国产三级黄色录像| 国产精品伦人一区二区| av天堂中文字幕网| 国产三级黄色录像| 特大巨黑吊av在线直播| 日韩中文字幕欧美一区二区| or卡值多少钱| 亚洲av电影不卡..在线观看| 国产精品一区二区性色av| 国产一区二区亚洲精品在线观看| 99热6这里只有精品| 国产熟女xx| 亚洲国产精品sss在线观看| 偷拍熟女少妇极品色| 国产成人欧美在线观看| 欧美日韩综合久久久久久 | 国产精品精品国产色婷婷| 欧美色欧美亚洲另类二区| 好看av亚洲va欧美ⅴa在| 一级a爱片免费观看的视频| 亚洲欧美日韩卡通动漫| 免费人成在线观看视频色| 老熟妇仑乱视频hdxx| 亚洲狠狠婷婷综合久久图片| 最新在线观看一区二区三区| 亚洲专区国产一区二区| 久久久久久大精品| 精品久久久久久成人av| 国产视频一区二区在线看| 久久久久久久久久黄片| 国产精品伦人一区二区| 国产一级毛片七仙女欲春2| 美女高潮喷水抽搐中文字幕| 麻豆av噜噜一区二区三区| 黄色一级大片看看| 日韩欧美三级三区| 99热这里只有是精品在线观看 | 在现免费观看毛片| 欧美+日韩+精品| 久久婷婷人人爽人人干人人爱| 在现免费观看毛片| 亚洲国产精品合色在线| 亚洲精品粉嫩美女一区| 免费在线观看成人毛片| 在线观看66精品国产| 十八禁网站免费在线| 亚洲人成伊人成综合网2020| 少妇高潮的动态图| 麻豆国产97在线/欧美| 成人性生交大片免费视频hd| 欧美日韩瑟瑟在线播放| 丰满的人妻完整版| 国产亚洲欧美98| 黄色一级大片看看| 久久精品综合一区二区三区| 免费黄网站久久成人精品 | 狂野欧美白嫩少妇大欣赏| 好看av亚洲va欧美ⅴa在| 国产高清激情床上av| 久久久色成人| 好看av亚洲va欧美ⅴa在| 国产主播在线观看一区二区| 好男人在线观看高清免费视频| 老女人水多毛片| 变态另类成人亚洲欧美熟女| 日韩欧美精品v在线| 午夜日韩欧美国产| 又粗又爽又猛毛片免费看| 免费高清视频大片| bbb黄色大片| 精品日产1卡2卡| 亚洲va日本ⅴa欧美va伊人久久| 国产精品久久久久久亚洲av鲁大| 欧美性猛交黑人性爽| 一本一本综合久久| 国产 一区 欧美 日韩| 精品福利观看| 无遮挡黄片免费观看| 999久久久精品免费观看国产| 亚洲av免费在线观看| 午夜精品在线福利| 国产成人a区在线观看| 人妻制服诱惑在线中文字幕| 亚洲人成网站在线播放欧美日韩| 国产一区二区在线观看日韩| 90打野战视频偷拍视频| 欧美另类亚洲清纯唯美| 好男人电影高清在线观看| 国产高清有码在线观看视频| 成人一区二区视频在线观看| 午夜福利欧美成人| bbb黄色大片| 国语自产精品视频在线第100页| 少妇的逼好多水| 国产成人欧美在线观看| 精品人妻偷拍中文字幕| 日韩欧美精品免费久久 | 亚洲av日韩精品久久久久久密| 中出人妻视频一区二区| 欧美一区二区精品小视频在线| 一区二区三区四区激情视频 | 在线观看美女被高潮喷水网站 | 日本 av在线| 成人av在线播放网站| 在线十欧美十亚洲十日本专区| 美女高潮喷水抽搐中文字幕| 亚洲人成网站在线播| 亚洲精品在线美女| 久久久久久久精品吃奶| 午夜免费男女啪啪视频观看 | 少妇人妻一区二区三区视频| 国产真实乱freesex| 少妇高潮的动态图| av在线天堂中文字幕| 99久久成人亚洲精品观看| 日韩精品青青久久久久久| www.www免费av| 午夜日韩欧美国产| 亚洲av成人av| 别揉我奶头 嗯啊视频| 中文字幕av成人在线电影| 亚洲av熟女| 脱女人内裤的视频| 久久久久久久久久黄片| 欧洲精品卡2卡3卡4卡5卡区| 自拍偷自拍亚洲精品老妇| 美女cb高潮喷水在线观看| 亚洲国产日韩欧美精品在线观看| 88av欧美| 1024手机看黄色片| 中文在线观看免费www的网站| 最后的刺客免费高清国语| 日本一二三区视频观看| 校园春色视频在线观看| 国产免费男女视频| 精品人妻视频免费看| 制服丝袜大香蕉在线| 精品日产1卡2卡| 三级男女做爰猛烈吃奶摸视频| 国内揄拍国产精品人妻在线| 国产精品自产拍在线观看55亚洲| 午夜免费激情av| 91久久精品电影网| 国产精品,欧美在线| 久久99热6这里只有精品| 亚洲电影在线观看av| 51午夜福利影视在线观看| 十八禁国产超污无遮挡网站| 国产主播在线观看一区二区| 精品日产1卡2卡| 国产乱人视频| 毛片女人毛片| 国产视频一区二区在线看| 观看美女的网站| 夜夜躁狠狠躁天天躁| 国产一区二区在线观看日韩| 国产精品伦人一区二区| 日本免费一区二区三区高清不卡| 久久九九热精品免费| 老熟妇乱子伦视频在线观看| 性色av乱码一区二区三区2| 波多野结衣高清作品| 51国产日韩欧美| 精品国产亚洲在线| 高清毛片免费观看视频网站| 亚洲欧美日韩东京热| 哪里可以看免费的av片| 亚洲avbb在线观看| av中文乱码字幕在线| 亚洲最大成人手机在线| 一本综合久久免费| 亚洲性夜色夜夜综合| 欧美一级a爱片免费观看看| 最新中文字幕久久久久| 男人狂女人下面高潮的视频| av中文乱码字幕在线| 男人和女人高潮做爰伦理| 欧美不卡视频在线免费观看| 国产高清有码在线观看视频| 免费观看精品视频网站| 99热只有精品国产| 高清在线国产一区| 国产一区二区在线观看日韩| 蜜桃亚洲精品一区二区三区| 色在线成人网| 很黄的视频免费| 国产午夜福利久久久久久| 啪啪无遮挡十八禁网站| 搞女人的毛片| 国产三级黄色录像| 久久人妻av系列| 国产不卡一卡二| x7x7x7水蜜桃| 国产高潮美女av| 最后的刺客免费高清国语| 欧美不卡视频在线免费观看| 两个人视频免费观看高清| 色综合婷婷激情| 精品久久国产蜜桃| 免费人成在线观看视频色| 亚州av有码| 直男gayav资源| eeuss影院久久| 99热这里只有是精品在线观看 | 日本一二三区视频观看| 国产视频一区二区在线看| 久久亚洲真实| 婷婷亚洲欧美| 天天躁日日操中文字幕| 又黄又爽又免费观看的视频| 91在线精品国自产拍蜜月| 欧美日本视频| 久久久精品欧美日韩精品| 国产激情偷乱视频一区二区| АⅤ资源中文在线天堂| 欧美潮喷喷水| 国产国拍精品亚洲av在线观看| 老师上课跳d突然被开到最大视频 久久午夜综合久久蜜桃 | 麻豆成人午夜福利视频| 国产免费一级a男人的天堂| 天天躁日日操中文字幕| 麻豆成人av在线观看| 一区二区三区四区激情视频 | 18禁裸乳无遮挡免费网站照片| 少妇高潮的动态图| 亚洲国产精品成人综合色| 欧美日本视频| 嫩草影院精品99| 国产激情偷乱视频一区二区| 国产精品日韩av在线免费观看| 国产精品电影一区二区三区| 欧美精品国产亚洲| 脱女人内裤的视频| 亚洲av日韩精品久久久久久密| 又黄又爽又刺激的免费视频.| 国产精品久久久久久精品电影| 国产久久久一区二区三区| 亚洲精品成人久久久久久| 欧美3d第一页| 亚洲精品日韩av片在线观看| 亚洲avbb在线观看| 草草在线视频免费看| 亚洲男人的天堂狠狠| 精华霜和精华液先用哪个| 成人鲁丝片一二三区免费| 国产精品影院久久| 亚洲一区高清亚洲精品| 成人三级黄色视频| 成年女人毛片免费观看观看9| 日韩成人在线观看一区二区三区| 又爽又黄无遮挡网站| 欧美日本亚洲视频在线播放| 性欧美人与动物交配| 波多野结衣高清无吗| 国产麻豆成人av免费视频| 在线观看av片永久免费下载| 在线免费观看不下载黄p国产 | 亚洲最大成人av| 久久久久久久久中文| a级毛片a级免费在线| 亚洲av中文字字幕乱码综合| 琪琪午夜伦伦电影理论片6080| 午夜视频国产福利| 乱人视频在线观看| 内射极品少妇av片p| 国产高清有码在线观看视频| 亚洲色图av天堂| 女人十人毛片免费观看3o分钟| 少妇高潮的动态图| 最近最新免费中文字幕在线| 三级男女做爰猛烈吃奶摸视频| 最后的刺客免费高清国语| 日本成人三级电影网站| 给我免费播放毛片高清在线观看| 国产高清视频在线播放一区| bbb黄色大片| 成人国产一区最新在线观看| 97超级碰碰碰精品色视频在线观看| av天堂在线播放| 午夜激情福利司机影院| 亚洲美女黄片视频| 国产精品久久电影中文字幕| 他把我摸到了高潮在线观看| 国产色爽女视频免费观看| 亚洲熟妇中文字幕五十中出| 午夜视频国产福利| 偷拍熟女少妇极品色| 免费看光身美女| 亚洲av第一区精品v没综合| 在线十欧美十亚洲十日本专区| 免费人成视频x8x8入口观看| 一个人看的www免费观看视频| 99国产精品一区二区蜜桃av| 午夜两性在线视频| 99在线视频只有这里精品首页| 悠悠久久av| 美女 人体艺术 gogo| 神马国产精品三级电影在线观看| 成年免费大片在线观看| 中文字幕人成人乱码亚洲影| 中文字幕人妻熟人妻熟丝袜美| 丰满人妻一区二区三区视频av| 久久国产精品人妻蜜桃| 国产精品日韩av在线免费观看| 久久久久久久久中文| 乱人视频在线观看| 伦理电影大哥的女人| 久久天躁狠狠躁夜夜2o2o| 国语自产精品视频在线第100页| 性色avwww在线观看| 亚洲人成网站在线播放欧美日韩| 精品一区二区三区视频在线| 人人妻人人澡欧美一区二区| 婷婷丁香在线五月| 久久久久久久久大av| 男女那种视频在线观看| 国产三级黄色录像| 99国产精品一区二区三区| 亚洲aⅴ乱码一区二区在线播放| 老熟妇乱子伦视频在线观看| 在线免费观看的www视频| 欧美极品一区二区三区四区| www.色视频.com| 国产 一区 欧美 日韩| 变态另类丝袜制服| 韩国av一区二区三区四区| 精品免费久久久久久久清纯| 在线a可以看的网站| 嫁个100分男人电影在线观看| 国产一级毛片七仙女欲春2| 精品熟女少妇八av免费久了| 亚洲乱码一区二区免费版| 麻豆av噜噜一区二区三区| 3wmmmm亚洲av在线观看| 久久人妻av系列| 九色成人免费人妻av| 午夜日韩欧美国产| 99久久无色码亚洲精品果冻| 熟女电影av网| 精品人妻熟女av久视频| 亚洲欧美日韩无卡精品| 欧美高清性xxxxhd video| 免费电影在线观看免费观看| 麻豆一二三区av精品| 我要看日韩黄色一级片| 婷婷亚洲欧美| 亚洲欧美日韩高清专用| 波多野结衣高清无吗| 国产精品伦人一区二区| 一进一出好大好爽视频| 精品国内亚洲2022精品成人| 偷拍熟女少妇极品色| 亚洲av二区三区四区| 禁无遮挡网站| 国产精品久久久久久亚洲av鲁大| 免费黄网站久久成人精品 | 韩国av一区二区三区四区| 91在线精品国自产拍蜜月| 又紧又爽又黄一区二区| 欧美日韩福利视频一区二区| 少妇人妻一区二区三区视频| 国内久久婷婷六月综合欲色啪| 在线免费观看的www视频| 色综合婷婷激情| 欧美成人性av电影在线观看| 麻豆成人av在线观看| 熟女人妻精品中文字幕| 久久国产乱子免费精品| 一本精品99久久精品77| 我要看日韩黄色一级片| h日本视频在线播放| 俺也久久电影网| 国产高清视频在线播放一区| 国产单亲对白刺激| 国产私拍福利视频在线观看| 亚洲国产日韩欧美精品在线观看| 久久亚洲真实| 日本免费一区二区三区高清不卡| 久久草成人影院| 国产精品久久久久久精品电影| 看片在线看免费视频| 一个人免费在线观看电影| 国产精品98久久久久久宅男小说| 国产精品美女特级片免费视频播放器| 亚洲精品成人久久久久久| 一本精品99久久精品77| 最近视频中文字幕2019在线8| 亚洲最大成人中文| 亚洲最大成人手机在线| 国产真实伦视频高清在线观看 | 国产精品1区2区在线观看.| 免费观看的影片在线观看| 人人妻人人澡欧美一区二区| 丰满人妻熟妇乱又伦精品不卡| 少妇的逼好多水| 欧美精品啪啪一区二区三区| www.www免费av| 老熟妇仑乱视频hdxx| 人妻久久中文字幕网| 国产成年人精品一区二区| 欧美日本视频| 午夜免费激情av| 亚洲精品在线观看二区| 别揉我奶头 嗯啊视频| 色综合站精品国产| 看十八女毛片水多多多| 成人av在线播放网站| 搡老岳熟女国产| 日本一本二区三区精品| 一个人免费在线观看电影| 亚洲中文字幕日韩| 国产视频内射| 亚洲激情在线av| 久久久精品大字幕| 欧美性猛交╳xxx乱大交人| 国产视频一区二区在线看| 国产中年淑女户外野战色| 婷婷六月久久综合丁香| 麻豆一二三区av精品| 欧美在线一区亚洲| 1000部很黄的大片| 精品午夜福利视频在线观看一区| 国产高清视频在线观看网站| 内射极品少妇av片p| www.www免费av| 欧美+亚洲+日韩+国产| 国产精品久久电影中文字幕| 成年女人永久免费观看视频| .国产精品久久| 三级毛片av免费| 男女下面进入的视频免费午夜| 亚洲av成人精品一区久久| 日韩欧美免费精品| 亚洲精品在线美女| 精品午夜福利视频在线观看一区| 免费高清视频大片| 亚洲最大成人中文| 熟女人妻精品中文字幕| 色噜噜av男人的天堂激情| 免费在线观看日本一区| 国产一区二区三区在线臀色熟女| 国产精品一区二区三区四区免费观看 | 日韩精品青青久久久久久| 色av中文字幕| 有码 亚洲区| 久久久久国产精品人妻aⅴ院| 免费观看的影片在线观看| 色在线成人网| 午夜精品一区二区三区免费看| 一夜夜www| 又紧又爽又黄一区二区| 精品无人区乱码1区二区| 美女黄网站色视频| 国产精品99久久久久久久久| 亚洲av免费高清在线观看| 亚洲精品成人久久久久久| 国产探花在线观看一区二区| 嫩草影院入口| 99国产极品粉嫩在线观看| 国产综合懂色| 91在线精品国自产拍蜜月| 国产高清视频在线播放一区| 久久伊人香网站| 中文字幕熟女人妻在线| 日本成人三级电影网站| 国产精品伦人一区二区| 亚洲熟妇熟女久久| 在线观看66精品国产| 97超级碰碰碰精品色视频在线观看| 一进一出好大好爽视频| 内射极品少妇av片p| 99在线视频只有这里精品首页| 亚洲美女视频黄频| 麻豆一二三区av精品| 在线观看午夜福利视频| 丁香欧美五月| 日日摸夜夜添夜夜添小说| 日韩高清综合在线| 国产三级在线视频| 又黄又爽又刺激的免费视频.| 成人午夜高清在线视频| 久久热精品热| 天堂影院成人在线观看| 欧美成人性av电影在线观看| 国产乱人视频| 国产高清三级在线| 岛国在线免费视频观看| 国产高清视频在线播放一区| 精品人妻一区二区三区麻豆 | 少妇人妻一区二区三区视频| 日韩大尺度精品在线看网址| 色精品久久人妻99蜜桃| 色在线成人网| 啦啦啦韩国在线观看视频| www.www免费av| 97人妻精品一区二区三区麻豆| 国产av麻豆久久久久久久|