在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

ArkUI新能力,助力應(yīng)用開發(fā)更便捷

HarmonyOS開發(fā)者 ? 來源:未知 ? 2023-02-15 16:35 ? 次閱讀

作者:niulihua,華為ArkUI技術(shù)專家;wanglei,華為ArkUI技術(shù)專家

ArkUI是一套構(gòu)建分布式應(yīng)用的聲明式UI開發(fā)框架。它具備簡潔自然的UI信息語法、豐富的UI組件、多維的狀態(tài)管理,以及實(shí)時(shí)界面預(yù)覽等相關(guān)能力,幫助您提升應(yīng)用開發(fā)效率,并能在多種設(shè)備上實(shí)現(xiàn)生動(dòng)而流暢的用戶體驗(yàn)。隨著HarmonyOS 3.1版本的發(fā)布,ArkUI也新增許多能力,助力應(yīng)用開發(fā)更便攜。

ArkUI框架新增能力概覽

ArkUI能力一直在不斷構(gòu)建中,如下圖所示,藍(lán)色模塊是本次新版本ArkUI框架的新增/增強(qiáng)能力。

c7dffae8-ad0a-11ed-bfe3-dac502259ad0.png

ArkUI框架能力集

接下來,小編將從聲明式繪制能力、混合開發(fā)能力、多樣化布局能力、一多組件能力、UI動(dòng)態(tài)化能力五大能力,詳細(xì)說明ArkUI如何讓應(yīng)用開發(fā)更加便捷。

1、聲明式Canvas繪制能力:

為了方便開發(fā)者通過繪制方式實(shí)現(xiàn)自定義UI效果,提供Canvas組件。

2、高性能混合開發(fā)能力:

為滿足三方渲染引擎接入,比如游戲、地圖等,提供了XComponent組件,支持C++/ArkTS混合開發(fā)。

3、多樣化布局能力:

為滿足多種多樣的布局訴求,提供了相對(duì)布局容器、靈活錨點(diǎn)能力、自定義布局能力。

4、一多組件能力:

針對(duì)不同設(shè)備、不同分辨率的多平臺(tái)場景,增強(qiáng)了一多場景的分欄組件能力;為滿足列表項(xiàng)的懸停訴求,增強(qiáng)了列表的吸頂/吸底能力。

5、UI動(dòng)態(tài)化能力:

為滿足大型應(yīng)用的局部更新需求,提供動(dòng)態(tài)化模板能力。

下面針對(duì)這些新增能力,結(jié)合示例逐一詳細(xì)介紹:

說明:什么是一多?

一多是一次開發(fā),多端部署的簡稱。具體指一套代碼工程,一次開發(fā),應(yīng)用安裝包一次上架,多種設(shè)備形態(tài)按需分發(fā)部署。

聲明式Canvas繪制能力

ArkUI通過Canvas組件對(duì)外提供高性能2D繪制能力,滿足多種場景自定義繪制訴求,Canvas組件具備下述特性。

1)Canvas提供繪制路徑、矩形、圓形、字符以及圖像等多種方法;

2)利用現(xiàn)有Web Canvas生態(tài),參考W3C的Canvas接口,而無需引入Web引擎,給開發(fā)者提供了一個(gè)輕量化的2D繪制能力;

c7ecfdec-ad0a-11ed-bfe3-dac502259ad0.png

W3C Canvas繪制接口

3)結(jié)合聲明式語法,兼顧開發(fā)者繪制習(xí)慣;

4)基于GPU渲染加速。

下面的示例,是通過Canvas自繪制實(shí)現(xiàn)的,它繪制了一個(gè)圖片背景,并在上層填充“Harmony OS”的文本,代碼示例如下:

1@Component

2struct IndexCanvas{

3//獲取繪圖對(duì)象

4private ctx: RenderingContext = new RenderingContext();

5//列出所要用到的圖片

6private img: ImageBitmap = new ImageBitmap("common/bg.jpg");

7build() {

8Column() {

9//創(chuàng)建canvas

10Canvas(this.ctx)

11.width(1500)

12.height(900)

13.backgroundColor('#ffff00')

14//開始繪制

15.onReady(() => {

16this.ctx.drawImage(this.img, 0, 0, 400, 200)
17this.ctx.fillStyle = "#FFF"
18this.ctx.font = '100px sans-serif bold'
19this.ctx.fillText("HarmonyOS", 100, 80)
20this.ctx.fillStyle = "rgb(38,79,247)"
21this.ctx.fillRect(250, 85, 26, 4)

22})

23}

24}

25}

(左右滑動(dòng),查看更多)

實(shí)現(xiàn)效果如下圖所示:

Canvas繪制能力效果

Canvas組件:

https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md#drawimage

高性能混合開發(fā)能力

在應(yīng)用開發(fā)過程中,很多場景是無法直接采用UI組合實(shí)現(xiàn)的,例如游戲、地圖是OS上經(jīng)常使用的一類高頻應(yīng)用,但由于游戲和地圖對(duì)OS底層繪制能力要求較高,這類應(yīng)用基本上都是直接使用EGL/OpenGLES的Native能力實(shí)現(xiàn),而XComponent就是ArkTS與C++混合開發(fā)的粘合劑。

如下面框架圖所示,XComponent作為一個(gè)ArkTS組件,具備通用聲明式組件的屬性,可進(jìn)行布局、事件等的聲明式業(yè)務(wù)開發(fā)。同時(shí)開發(fā)者可以使用OS對(duì)外提供的Native API實(shí)現(xiàn)Native的業(yè)務(wù)開發(fā),XComponent負(fù)責(zé)將Native開發(fā)的邏輯和ArkTS的開發(fā)邏輯結(jié)合,完成統(tǒng)一渲染送顯。

c82a05c0-ad0a-11ed-bfe3-dac502259ad0.png

XComponent關(guān)系圖

如下代碼片段,代碼片段1是聲明式的ArkTS實(shí)現(xiàn),代碼片段2是Native的實(shí)現(xiàn)。XComponent通過加載.so并執(zhí)行相關(guān)業(yè)務(wù)邏輯,完成聲明式與C++的混合開發(fā)。

1 // ArkTS入口

2 XComponent({id: 'xcomponentId' , type: 'surface',libraryname: 'nativerender'})

代碼片段1(左右滑動(dòng),查看更多)

1 // C++渲染模塊

2 #include

3 #include

4 #include

5 #include

6

7 void NativeRender (OH_NativeXComponent* component, void* nativewindow){

8 //可調(diào)用NDK提供的C/C++接口(如:EGL/GLES能力)

9 }

10

代碼片段2(左右滑動(dòng),查看更多)

Xcomponent組件:

https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-xcomponent.md

多樣化布局能力

另外,ArkUI提供了多種多樣的布局能力,包括相對(duì)布局容器、靈活錨點(diǎn)能力、以及自定義布局能力。

1、相對(duì)布局容器,讓復(fù)雜布局扁平化

下面結(jié)合示例,具體介紹相對(duì)布局是如何使復(fù)雜的布局扁平化,更易于開發(fā)者開發(fā)的。

如下圖中“布局效果”所示,如果要實(shí)現(xiàn)圖中的效果,一段Text文本位于左上角,另一段Text文本放置在右下角,使用線性布局需要這么實(shí)現(xiàn):在外層套一個(gè)Column容器,里面嵌套2個(gè)Row容器,第一段Text文本放置在第一個(gè)Row的左側(cè),第二段Text文本放置在第二個(gè)Row的右側(cè),需要使用3個(gè)布局容器,2層嵌套。

如果使用相對(duì)布局,只需要外層套一個(gè)RelativeContianer容器,設(shè)置第一行文本在相對(duì)容器的左上角,設(shè)置第二行文本在相對(duì)容器的右下角,只需要1個(gè)布局容器,1層嵌套,代碼實(shí)現(xiàn)上也較簡潔。

c837d114-ad0a-11ed-bfe3-dac502259ad0.png

線性布局和相對(duì)布局實(shí)現(xiàn)對(duì)比

2、靈活錨點(diǎn),讓絕對(duì)定位能力更強(qiáng)大

除了以上介紹的布局能力外,ArkUI還提供了絕對(duì)定位和相對(duì)定位能力,讓開發(fā)者實(shí)現(xiàn)更靈活的定位,現(xiàn)已提供了2個(gè)方法,position和markAnchor。

名稱

參數(shù)類型

參數(shù)類型

position

Position

使用絕對(duì)定位,設(shè)置元素錨點(diǎn)相對(duì)于父容器頂部起點(diǎn)偏移位置。在布局容器中,設(shè)置該屬性不影響父容器布局,僅在繪制時(shí)進(jìn)行位置調(diào)整。

markAnchor

Position

設(shè)置元素在位置定位時(shí)的錨點(diǎn),以元素頂部起點(diǎn)作為基準(zhǔn)點(diǎn)進(jìn)行偏移。

通過position和markAnchor配合使用可以實(shí)現(xiàn)豐富的絕對(duì)定位能力,通過靈活錨點(diǎn)可以實(shí)現(xiàn)如下的定位效果。

c848e31e-ad0a-11ed-bfe3-dac502259ad0.png

靈活錨點(diǎn)定位效果

3、自定義布局,尺寸、位置任意掌控

ArkUI框架除提供的特定布局能力外,還提供了允許開發(fā)者自定義的布局能力。如圖中所示的圓形布局,通過現(xiàn)有的線性布局是很難實(shí)現(xiàn)的,像這類布局就可以通過自定義布局能力實(shí)現(xiàn)。其原理呢,就是通過對(duì)開發(fā)者暴露測量和布局的接口,允許開發(fā)者自己測量子組件和設(shè)置子組件位置。

c8575afc-ad0a-11ed-bfe3-dac502259ad0.png

圓形布局效果

流程如下圖所示,開發(fā)者通過onMeasure / onLayout拿到子組件數(shù)據(jù)后,通過measure測量每個(gè)組件大小,并根據(jù)開發(fā)者意圖通過layout設(shè)置每個(gè)組件的位置,最終實(shí)現(xiàn)開發(fā)者想要的布局。c86a6912-ad0a-11ed-bfe3-dac502259ad0.png

自定義布局實(shí)現(xiàn)流程

除圖中的圓形布局外,瀑布流布局也可以通過自定義布局實(shí)現(xiàn)。

一多組件能力

為幫助開發(fā)者更高效開發(fā)應(yīng)用,我們還提供了分欄架構(gòu)組件及列表組件等一多組件能力。

1、簡單快速的分欄架構(gòu)組件

分欄架構(gòu)組件可以在不同設(shè)備或不同分辨率平臺(tái)下顯示不同效果,分欄組件能自動(dòng)根據(jù)斷點(diǎn)調(diào)整為二分欄或三分欄。

分欄控件的側(cè)邊欄也有2種顯示方式,可以是嵌入式的,內(nèi)容區(qū)顯示在側(cè)邊欄右側(cè),也可以是懸浮在內(nèi)容區(qū)之上,滿足開發(fā)者不同訴求。

2、列表組件能力增強(qiáng),內(nèi)置橫滑動(dòng)效、吸頂效果

1)橫滑動(dòng)效

我們平時(shí)使用比較多的聊天軟件,它的聊天記錄或通信錄一般都是使用列表組件實(shí)現(xiàn)的,當(dāng)需要對(duì)消息或通信錄進(jìn)行刪除時(shí),就是對(duì)列表的列表項(xiàng)刪除。ArkUI新增了列表的手勢刪除列表項(xiàng)功能,用戶可以通過左滑或右滑刪除某一列表項(xiàng),并內(nèi)置動(dòng)畫效果。c87d7160-ad0a-11ed-bfe3-dac502259ad0.gif

2)吸頂效果

除此之外,列表組件還提供了吸頂效果,在滑動(dòng)列表時(shí),列表組件的title可以懸浮在頂端,便于用戶快速識(shí)別所屬類別。

c890eea2-ad0a-11ed-bfe3-dac502259ad0.gif

UI動(dòng)態(tài)化能力

在不從應(yīng)用市場下載整體應(yīng)用的前提下實(shí)現(xiàn)應(yīng)用的部分內(nèi)容更新,是業(yè)界(尤其是互聯(lián)網(wǎng)應(yīng)用)的一種典型場景。這類場景的實(shí)現(xiàn)就依賴UI動(dòng)態(tài)化能力,動(dòng)態(tài)化本質(zhì)是一種跨平臺(tái)框架,只不過額外增加了不升級(jí)應(yīng)用而實(shí)現(xiàn)動(dòng)態(tài)更新的能力。

c8a511d4-ad0a-11ed-bfe3-dac502259ad0.png

UI動(dòng)態(tài)化原理圖

基本原理如上圖所示:部署在云端的三四方DSL,通過網(wǎng)絡(luò)下載,三方解析框架負(fù)責(zé)加載DSL,并通過解析引擎解析為ArkUI聲明式組件,通過@Extend、@ObjectLink、@Builder機(jī)制支持動(dòng)態(tài)化增加組件能力并融合到現(xiàn)有的UI中,ArkUI提供加載運(yùn)行轉(zhuǎn)換后的組件樹,并負(fù)責(zé)通過框架渲染管線送顯。

結(jié)語

以上就是本期ArkUI框架新能力助力應(yīng)用開發(fā)更便捷的全部介紹啦,歡迎大家到HarmonyOS開發(fā)者官網(wǎng)下載SDK包體驗(yàn)。

未來ArkUI框架會(huì)持續(xù)圍繞競爭力和生態(tài)演進(jìn),多維度細(xì)粒度并發(fā),進(jìn)一步提升能效比,推出統(tǒng)一的聲明式2D&3D范式,不斷豐富跨OS平臺(tái)框架能力,各位開發(fā)者敬請(qǐng)期待!

END

想了解更多HarmonyOS技術(shù)?

后臺(tái)留言給我們

立刻安排!

c8b53ad2-ad0a-11ed-bfe3-dac502259ad0.gif

歡迎點(diǎn)擊|閱讀原文

進(jìn)入HarmonyOS應(yīng)用開發(fā)在線體驗(yàn)


原文標(biāo)題:ArkUI新能力,助力應(yīng)用開發(fā)更便捷

文章出處:【微信公眾號(hào):HarmonyOS開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。


聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • HarmonyOS
    +關(guān)注

    關(guān)注

    79

    文章

    2053

    瀏覽量

    32142

原文標(biāo)題:ArkUI新能力,助力應(yīng)用開發(fā)更便捷

文章出處:【微信號(hào):HarmonyOS_Dev,微信公眾號(hào):HarmonyOS開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。

收藏 人收藏

    評(píng)論

    相關(guān)推薦
    熱點(diǎn)推薦

    ArkUI-X中Plugin生命周期開發(fā)指南

    ArkUI-X插件用于拓展ArkUI應(yīng)用的能力,提供管理插件生命周期的能力。本文主要介紹Android平臺(tái)的ArkUI-X插件生命周期的使用
    發(fā)表于 06-04 22:36

    ArkUI-X添加到現(xiàn)有Android項(xiàng)目中

    本教程主要講述如何利用ArkUI-X SDK完成Android AAR開發(fā),實(shí)現(xiàn)基于ArkTS的聲明式開發(fā)范式在android平臺(tái)顯示。包括: 1.跨平臺(tái)Library工程開發(fā)介紹 2
    發(fā)表于 06-04 22:35

    ArkUI-X添加到現(xiàn)有Android項(xiàng)目中

    本教程主要講述如何利用ArkUI-X SDK完成Android AAR開發(fā),實(shí)現(xiàn)基于ArkTS的聲明式開發(fā)范式在android平臺(tái)顯示。包括: 1.跨平臺(tái)Library工程開發(fā)介紹 2
    發(fā)表于 05-28 22:44

    ArkUI-X跨平臺(tái)框架接入指南

    ArkUI跨平臺(tái)框架(ArkUI-X)進(jìn)一步將ArkUI開發(fā)框架擴(kuò)展到了多個(gè)OS平臺(tái):目前支持OpenHarmony、Android、 iOS,后續(xù)會(huì)逐步增加更多平臺(tái)支持。
    發(fā)表于 05-18 18:21

    華為推出RN/H5多設(shè)備自適應(yīng)組件庫

    在原生鴻蒙應(yīng)用開發(fā)中,華為針對(duì)ArkUI框架推出了一整套針對(duì)多設(shè)備適配的完善能力(如“一多”能力)以及高階組件(如分欄、邊看邊評(píng)等),幫助開發(fā)
    的頭像 發(fā)表于 01-16 14:46 ?611次閱讀

    聯(lián)發(fā)科技攜手Cocos共建端側(cè)生成式AI游戲開發(fā)生態(tài),推動(dòng)行業(yè)升級(jí)

    全球領(lǐng)先的半導(dǎo)體公司聯(lián)發(fā)科技與知名游戲引擎開發(fā)商Cocos正式宣布達(dá)成深度合作!這一合作將把聯(lián)發(fā)科技在端側(cè)生成式AI領(lǐng)域的尖端技術(shù),與Cocos在游戲開發(fā)領(lǐng)域的深厚積累深度結(jié)合,為開發(fā)者帶來
    的頭像 發(fā)表于 01-10 09:24 ?386次閱讀

    HarmonyOS開發(fā)指導(dǎo)類文檔更新速遞(上)

    、媒體相關(guān)能力新增、優(yōu)化文檔,方便開發(fā)者更加高效使用文檔。 ArkUI(方舟UI框架) ArkUI(方舟UI框架)是一個(gè)簡潔、高性能、支持跨設(shè)備的UI框架,提供了豐富的應(yīng)用界面
    的頭像 發(fā)表于 12-30 09:50 ?828次閱讀
    HarmonyOS<b class='flag-5'>開發(fā)</b>指導(dǎo)類文檔更新速遞(上)

    人工智能:重塑生活的便捷與奇跡

    人工智能以其強(qiáng)大的數(shù)據(jù)處理能力、學(xué)習(xí)能力和創(chuàng)新能力,正逐步滲透到我們生活的方方面面,為我們帶來了前所未有的便捷與高效。它不僅提升了生活質(zhì)量,還促進(jìn)了社會(huì)經(jīng)濟(jì)的全面發(fā)展,為構(gòu)建更加智慧、
    的頭像 發(fā)表于 12-07 09:46 ?466次閱讀

    工業(yè)連接器的“選擇難題”:焊接款VS鎖線款,誰更便捷?

    在工業(yè)連接器的世界里,焊接款和鎖線款如同兩位各懷絕技的工匠,各自占據(jù)著一席之地。它們各有所長,各具特色,讓選擇變得不再簡單。今天,讓我們一起來探討這個(gè)“選擇難題”,看看焊接款與鎖線款之間,誰更便捷
    的頭像 發(fā)表于 11-20 13:50 ?449次閱讀
    工業(yè)連接器的“選擇難題”:焊接款VS鎖線款,誰<b class='flag-5'>更便捷</b>?

    開發(fā)更便利!迅為RK3568/RK3588 定制分區(qū)鏡像發(fā)布

    開發(fā)更便利!迅為RK3568/RK3588 定制分區(qū)鏡像發(fā)布
    的頭像 發(fā)表于 11-11 14:00 ?1017次閱讀
    <b class='flag-5'>開發(fā)</b><b class='flag-5'>更便</b>利!迅為RK3568/RK3588 定制分區(qū)鏡像發(fā)布

    全志T507-H國產(chǎn)平臺(tái)Ubuntu系統(tǒng)正式發(fā)布,讓您的應(yīng)用開發(fā)更便捷!

    本帖最后由 Tronlong創(chuàng)龍科技 于 2024-10-29 10:41 編輯 為了滿足廣大工業(yè)用戶的需求,創(chuàng)龍科技針對(duì)全志T507-H工業(yè)平臺(tái)進(jìn)行了Ubuntu系統(tǒng)適配,開發(fā)環(huán)境如下
    發(fā)表于 10-29 09:39

    慶科信息獲HarmonyOS高級(jí)應(yīng)用開發(fā)能力認(rèn)證!助力品牌快速打造鴻蒙原生應(yīng)用

    近日,上海慶科信息技術(shù)有限公司榮獲HarmonyOS應(yīng)用開發(fā)者高級(jí)認(rèn)證,公司在華為鴻蒙生態(tài)的開發(fā)能力得到進(jìn)一步拓展,能夠幫助客戶快速開發(fā)基于HarmonyOS Next的鴻蒙原生應(yīng)用,
    的頭像 發(fā)表于 07-17 13:24 ?882次閱讀
    慶科信息獲HarmonyOS高級(jí)應(yīng)用<b class='flag-5'>開發(fā)</b><b class='flag-5'>能力</b>認(rèn)證!<b class='flag-5'>助力</b>品牌快速打造鴻蒙原生應(yīng)用

    ROS讓機(jī)器人開發(fā)更便捷,基于RK3568J+Debian系統(tǒng)發(fā)布!

    。 ROS系統(tǒng)主要特點(diǎn)有哪些 (1) 提供豐富的機(jī)器人算法庫 機(jī)器人的各種控制以及通信離不開算法庫的支持,ROS系統(tǒng)提供豐富且功能強(qiáng)大的機(jī)器人算法庫,如坐標(biāo)變換、運(yùn)動(dòng)控制等。機(jī)器人開發(fā)者可根據(jù)開發(fā)需要
    發(fā)表于 07-09 11:38

    NFC無風(fēng)險(xiǎn),安全更便捷

    在數(shù)字化快速發(fā)展的今天,NFC(近場通信)技術(shù)因其便捷性和實(shí)用性而備受矚目。從移動(dòng)支付到門禁系統(tǒng),再到智能設(shè)備間的數(shù)據(jù)交換,NFC技術(shù)已經(jīng)滲透到我們?nèi)粘I畹姆椒矫婷?。然而,與此同時(shí),關(guān)于NFC技術(shù)
    的頭像 發(fā)表于 06-17 17:45 ?1462次閱讀

    機(jī)智云助力小程序開發(fā):連接智能硬件與智能生活

    隨著智能硬件的普及和小程序的興起,人們的生活越來越依賴于智能化的解決方案。作為物聯(lián)網(wǎng)領(lǐng)域的領(lǐng)先者,機(jī)智云為小程序開發(fā)者提供了豐富的支持和功能,幫助他們輕松實(shí)現(xiàn)智能硬件與小程序的連接,為用戶帶來更便捷
    的頭像 發(fā)表于 06-15 08:10 ?701次閱讀
    機(jī)智云<b class='flag-5'>助力</b>小程序<b class='flag-5'>開發(fā)</b>:連接智能硬件與智能生活
    主站蜘蛛池模板: 久久精品国产99久久72 | 在线观看永久免费视频网站 | 激情五月婷婷综合网 | 五月激情综合丁香色婷婷 | 天堂中文资源网 | 都市激情综合网 | 手机在线视频观看 | 在线高清视频大全 | 最新亚洲情黄在线网站 | 国产手机在线看片 | 72种姿势欧美久久久久大黄蕉 | 毛片在线网 | 女人爽到喷水的视频大全在线观看 | 亚洲国产视频一区 | 日韩午夜在线视频不卡片 | 福利在线观看 | 天天舔日日干 | 91成人免费 | 色婷婷六月 | 久久婷婷色一区二区三区 | 国模私拍视频在线观看 | 最近国语视频免费观看在线播放 | 九色国产在视频线精品视频 | 日本写真高清视频免费网站网 | 欧美最猛黑人xxxx黑人猛交黄 | 国产伦精品一区二区三区免 | 很很鲁在线视频播放影院 | 黄色免费网站在线播放 | 久久午夜精品 | 天天色影| 夜夜操天天射 | 日韩第十页| 在线种子资源网 | 不卡免费在线视频 | 欧美三级免费看 | 天天天天射| 一区二区免费在线观看 | 日日操免费视频 | 欧美怡红院免费全视频 | 2021国产精品成人免费视频 | 8050午夜网|