<form id="thnbx"><nobr id="thnbx"><nobr id="thnbx"></nobr></nobr></form>

<form id="thnbx"></form>

            <form id="thnbx"></form>

            <address id="thnbx"><nobr id="thnbx"></nobr></address>
            <sub id="thnbx"><listing id="thnbx"></listing></sub>

            <form id="thnbx"><nobr id="thnbx"><nobr id="thnbx"></nobr></nobr></form>

            創作

            完善資料讓更多小伙伴認識你,還能領取20積分哦, 立即完善>

            3天內不再提示

            HarmonyOS應用開發例程-Img上一張下一張實現

            鴻蒙時代 ? 來源:鴻蒙時代 ? 作者:鴻蒙時代 ? 2022-05-18 10:36 ? 次閱讀
            poYBAGKEWwKAc0rIAAG1U9uw2rI326.png

            一.創建項目
            二.示例代碼
            (圖片自備)
            index.hml

            
            
            {{imgArr[idx]}}
            {{index}}

            index.css

            .container {
                flex-direction: column;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
            }
            .img-div{
                flex-direction: row;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 210px;
            }
            .img{
                width: 300px;
                height: 200px;
            }
            .btn{
                width: 100%;
                height: 80px;
                flex-direction: row;
                align-items: center;
                justify-content: space-around;
            }
            .btn button{
                width: 90px;
                height: 30px;
            }

            index.js

            import prompt from '@system.prompt';
            export default {
                data: {
                    idx:0,
                    index:0,
                    imgArr:[
                        "/common/images/1.png",
                        "/common/images/2.png",
                        "/common/images/3.png",
                        "/common/images/4.png",
                        "/common/images/5.png",
                    ]
                },
                onShow() {
                },
                upBtn(e){
                    if (e == 1) {
                        let idx = this.idx;
                        let newIdx = idx -1;
                        if (newIdx < 0) {
                            console.log("已經是第一張")
                            prompt.showToast({message:"已經是第一張"})
                        }else{
                            this.idx = newIdx;
                        }
                        console.log("下標是:"+this.idx)
                    }else if (e == 2) {
                        let idx = this.idx;
                        let newIdx = idx +1;
                        if (newIdx > this.imgArr.length -1) {
                            console.log("已經是最后一張")
                            prompt.showToast({message:"已經是最后一張"})
                        }else{
                            this.idx = newIdx;
                        }
                        console.log("下標是:"+this.idx)
                    }
                    this.index = this.idx
            
                },
                bottomBtn(){
            
                }
            }
            收藏 人收藏

              評論

              相關推薦

              DevEco Studio強大的預覽功能讓開發效率大大提升!

              應用的開發過程中,往往需要多次調試和修改,如果支持實時預覽,邊改邊看效果,所看即所得,可大大提升開發效率。為滿足這一需求...
              發表于 06-08 18:05 ? 101次 閱讀

              DevEco Studio的這些預覽能力你都知道嗎?

              在萬物互聯的今天,開發者在應用/服務開發過程中,需要考慮應用/服務在不同設備上的運行效果。為滿足這一需求,DevEco Studio...
              發表于 06-08 17:53 ? 101次 閱讀

              HarmonyOS應用開發:排序練習

              一、創建項目 二、示例代碼 index.hml {{$item.txt}} index.css .c....
              的頭像 鴻蒙時代 發表于 06-08 16:05 ? 49次 閱讀
              HarmonyOS應用開發:排序練習

              HarmonyOS應用開發--排序練習

              一、創建項目二、示例代碼index.hml[code]                   &...
              發表于 06-08 15:41 ? 25次 閱讀
              HarmonyOS應用開發--排序練習

              實現HarmonyOS定位功能的過程分享

              一、api講解 1、準備工作 集成權限,需要在config.json文件中添加定位權限,如下代碼所示 "reqPermissions": [ {"name": "o...
              發表于 06-08 14:19 ? 101次 閱讀

              求助,鴻蒙移植kotlin代碼,需要將其轉換成java實現嗎?

              鴻蒙移植kotlin代碼,需要將其轉換成java實現嗎? ...
              發表于 06-08 11:33 ? 2次 閱讀

              請問前端轉鴻蒙怎么過渡,需要學習Java嗎?

              前端轉鴻蒙怎么過渡,需要學習Java嗎?
              發表于 06-08 11:30 ? 3次 閱讀

              鴻蒙系統預裝和升級之間的區別是什么?

              Mate40假如升級鴻蒙系統和準備上市的P50預裝鴻蒙系統,這二者的鴻蒙系統有什么區別嗎?升級的鴻蒙系統和預裝鴻蒙系統會不會有什...
              發表于 06-08 11:24 ? 2次 閱讀

              請問大神升級鴻蒙需要雙清嗎?不雙清有什么區別?

              升級鴻蒙需要雙清嗎?不雙清有什么區別?
              發表于 06-08 11:21 ? 2次 閱讀

              請問鴻蒙系統上可以部署kubernetes集群嗎?

              鴻蒙系統上可以部署kubernetes集群嗎
              發表于 06-08 11:16 ? 2次 閱讀

              okio的工作原理及使用方法

              前不久,三方組件庫上新了一批JS/eTS組件,其中就包括okio組件。okio是一個可應用于Harm....
              的頭像 科技綠洲 發表于 06-08 09:39 ? 75次 閱讀
              okio的工作原理及使用方法

              一個可應用于HarmonyOS的高效IO庫

              為了滿足開發者對IO的更高要求,三方組件庫推出IO處理利器——okio(JS版本)。okio使用Se....
              的頭像 HarmonyOS開發者 發表于 06-08 09:22 ? 25次 閱讀

              HarmonyOS Connect FAQ第三期

              在開發HarmonyOS Connect生態產品時,你是否對設備開發存在這些疑問: 如何獲取HiLink SDK包、userId、設備deviceId...
              發表于 06-07 15:22 ? 255次 閱讀

              HarmonyOS應用開發:保存到變量

              一、創建項目 二、示例代碼 // 變量始終保存在內存中getNum:function () { le....
              的頭像 鴻蒙時代 發表于 06-07 10:23 ? 44次 閱讀
              HarmonyOS應用開發:保存到變量

              HarmonyOS原子化服務開發—標題配置問題的處理

              這個標題是如何處理的? 這個是應用名稱 配置文件里配置的 src/main/resources/ba....
              的頭像 鴻蒙時代 發表于 06-06 14:45 ? 35次 閱讀
              HarmonyOS原子化服務開發—標題配置問題的處理

              如何配置模組待配網超時時間

              本期FAQ通過三個章節——信息獲取、設備連接、其他問題,為大家帶來15個設備開發常見問題答疑,讓你快....
              的頭像 科技綠洲 發表于 06-03 10:04 ? 238次 閱讀
              如何配置模組待配網超時時間

              拓維信息旗下開鴻智谷成為HarmonyOS Connect ISV伙伴

              5月31日-6月1日,由華為主辦的2022 HarmonyOS Connect伙伴峰會在深圳召開。作....
              的頭像 拓維信息 發表于 06-01 21:06 ? 282次 閱讀

              了解DevEco Studio的預覽功能

              選中預覽器UI界面中的組件,則組件樹上對應的組件將被選中,同時代碼編輯器中的布局文件中對應的代碼塊高....
              的頭像 HarmonyOS官方合作社區 發表于 05-27 10:20 ? 176次 閱讀

              HarmonyOS應用開發例子-ets-video組件案例

              說明: 該組件從API version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容....
              的頭像 鴻蒙時代 發表于 05-26 14:13 ? 2540次 閱讀
              HarmonyOS應用開發例子-ets-video組件案例

              關于DevEco Studio的預覽功能介紹

              應用的開發過程中,往往需要多次調試和修改,如果支持實時預覽,邊改邊看效果,所看即所得,可大大提升開發....
              的頭像 科技綠洲 發表于 05-25 09:45 ? 367次 閱讀
              關于DevEco Studio的預覽功能介紹

              “鴻蒙之父”王成錄離開華為 下一站去哪里?

              “鴻蒙之父”王成錄離開華為 下一站去哪里? 王成錄博士是鴻蒙系統的主要負責人,甚至行業內稱之為“鴻蒙....
              的頭像 inr999 發表于 05-24 14:57 ? 438次 閱讀
              “鴻蒙之父”王成錄離開華為 下一站去哪里?

              華為HarmonyOS負責人王成錄已離職,下一站依舊是HarmonyOS

              日前,有消息傳出,華為HarmonyOS的負責人王成錄博士已經離開了華為,并且其微博號的華為官方認證....
              的頭像 汽車玩家 發表于 05-23 17:31 ? 466次 閱讀

              TS語言開發HarmonyOS應用:分布式計算器開發教程

              最近收到很多小伙伴反饋,想基于擴展的TS語言(eTS)進行HarmonyOS應用開發,但是不知道代碼....
              的頭像 海闊天空的專欄 發表于 05-23 16:37 ? 301次 閱讀
              TS語言開發HarmonyOS應用:分布式計算器開發教程

              從HUAWEI Mate Xs 2來看折疊屏的設計規范

              隨著新一代折疊屏手機HUAWEI Mate Xs 2發布,HarmonyOS折疊屏設計規范(后文簡稱....
              的頭像 海闊天空的專欄 發表于 05-20 11:28 ? 413次 閱讀
              從HUAWEI Mate Xs 2來看折疊屏的設計規范

              HarmonyOS折疊屏設計規范

              圖1是信息展示案例對比圖,設計規范建議展開態不應出現頁面內的內容元素數量減少,或圖形化元素模糊、分辨....
              的頭像 HarmonyOS開發者 發表于 05-20 09:53 ? 187次 閱讀

              華為p50 e的優缺點分別是怎樣的

              華為 P50E是華為公司于2022年3月16日正式發布的手機。
              的頭像 獨愛72H 發表于 05-19 15:17 ? 985次 閱讀

              華為p50參數配置支持5g嗎

              華為p50是華為公司于2021年7月發布的一款旗艦手機,華為p50參數配置暫時不支持5g,雖然華為p....
              的頭像 lhl545545 發表于 05-19 11:13 ? 2059次 閱讀

              華為p50e怎么樣值得買嗎

              華為P50E是今年3月16日發布的新機,華為P50E是屬于華為P50系列,它的外觀延續了P50系列的....
              的頭像 lhl545545 發表于 05-19 10:18 ? 1984次 閱讀

              HarmonyOS服務開放平臺推出“崩潰服務能力”

              用戶在使用原子化服務時,出現卡頓、緩慢、閃退等情況就是典型的崩潰。盡管原子化服務在發布前都會經過嚴格....
              的頭像 科技綠洲 發表于 05-18 10:16 ? 286次 閱讀
              HarmonyOS服務開放平臺推出“崩潰服務能力”

              如何用低代碼實現簡單的頁面跳轉功能

              HUAWEI DevEco Studio(后文簡稱:IDE)自2020年9月首次發布以來,經10次迭....
              的頭像 科技綠洲 發表于 05-16 09:47 ? 263次 閱讀
              如何用低代碼實現簡單的頁面跳轉功能

              如何用低代碼實現一個簡單的頁面跳轉功能

              我們先開發第一個頁面,如圖4所示,第一個頁面是在容器中展示“低代碼入門”文本和“一鍵入門”按鈕,它們....
              的頭像 HarmonyOS開發者 發表于 05-16 09:45 ? 270次 閱讀

              HarmonyOS應用開發樣例-繪制圖像實現

              說明: 從API version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始....
              的頭像 鴻蒙時代 發表于 05-13 11:12 ? 3811次 閱讀
              HarmonyOS應用開發樣例-繪制圖像實現

              HarmonyOS應用開發—qrcode二維碼生成

              一.創建項目 二.示例代碼 Hml代碼: TypeColor{{$item}}Background ....
              的頭像 鴻蒙時代 發表于 05-12 15:37 ? 148次 閱讀
              HarmonyOS應用開發—qrcode二維碼生成

              HarmonyOS 2.0.0.23X版本更新進度公告 來看看有沒有你

              的頭像 HarmonyOS官方合作社區 發表于 05-11 09:39 ? 275次 閱讀

              HarmonyOS應用開發教程 顯示開關功能與界面的實現

              一.創建項目 二.代碼示例 hml ? ? ?Js import prompt from '@sys....
              的頭像 鴻蒙時代 發表于 05-06 14:15 ? 4248次 閱讀
              HarmonyOS應用開發教程 顯示開關功能與界面的實現

              HarmonyOS應用開發案例 搜索界面功能實現

              一.創建項目 二.代碼示例 Index.hml {{title}} Index.css .conta....
              的頭像 鴻蒙時代 發表于 05-05 16:26 ? 2509次 閱讀
              HarmonyOS應用開發案例 搜索界面功能實現

              HarmonyOS原子化服務-時間管理

              案例效果 ? ? 一、創建項目 二、代碼示例 hml代碼部分 {{mouth}}月{{day}}日 ....
              的頭像 鴻蒙時代 發表于 04-29 10:37 ? 7108次 閱讀
              HarmonyOS原子化服務-時間管理

              HarmonyOS原子化服務開發案例 計劃本的實現

              一.創建項目 二.代碼示例 hml代碼部分 時間: 至 計劃: 內容: 實現方式: ?css代碼部分....
              的頭像 鴻蒙時代 發表于 04-28 10:47 ? 7341次 閱讀
              HarmonyOS原子化服務開發案例 計劃本的實現

              HarmonyOS應用開發-module名字沖突解決方案

              在運行之前版本的dome時遇到一個問題:
              的頭像 鴻蒙時代 發表于 04-27 09:56 ? 164次 閱讀
              HarmonyOS應用開發-module名字沖突解決方案

              用Java開發HarmonyOS服務卡片

              卡片服務:由卡片提供方開發者實現,開發者實現 onCreateForm、onUpdateForm 和....
              的頭像 OpenHarmony技術社區 發表于 04-26 11:04 ? 239次 閱讀

              HarmonyOS自定義列表組件封裝

              以上是所有的代碼,寫這個不難。主要用到了數據綁定跟三元運算和彈窗組件。相當于學習了OpenHarmo....
              的頭像 OpenHarmony技術社區 發表于 04-26 10:57 ? 425次 閱讀

              HarmonyOS應用開發—設備目錄管理組件體驗

              一、效果圖: ? ? 二、作用:用于顯示設備的目錄。 三、組件地址: https://gitee.c....
              的頭像 鴻蒙時代 發表于 04-26 10:20 ? 181次 閱讀
              HarmonyOS應用開發—設備目錄管理組件體驗

              OpenHarmony生態論壇:基于OpenHarmony的HarmonyOS Connect定位

              OpenHarmony生態論壇:基于OpenHarmony的HarmonyOS Connect定位 ....
              的頭像 lhl545545 發表于 04-25 14:34 ? 341次 閱讀
              OpenHarmony生態論壇:基于OpenHarmony的HarmonyOS Connect定位

              HarmonyOS應用開發教程 顯示時間的實現

              一.創建項目 二.示例代碼 hml: 現在的時間是:{{ year }}年{{ mouth }}月{....
              的頭像 鴻蒙時代 發表于 04-24 09:19 ? 2853次 閱讀
              HarmonyOS應用開發教程 顯示時間的實現

              HarmonyOS應用開發實例 下拉刷新實現

              一.創建項目 二.示例代碼 js: import prompt from '@system.prom....
              的頭像 鴻蒙時代 發表于 04-22 10:23 ? 4748次 閱讀
              HarmonyOS應用開發實例 下拉刷新實現

              智匯云攜手華為開啟智能家居智慧生活創新生態

              2021年5月,華為宣布將“HUAWEI HiLink”與“Powered by HarmonyOS....
              發表于 04-21 14:28 ? 149次 閱讀

              HarmonyOS相關及系統中常用的版本說明

              一 HarmonyOS相關 我們在IDE,系統源碼上,主要看到如下命名方式及含義。 Canary;面....
              的頭像 鴻蒙時代 發表于 04-21 10:01 ? 1761次 閱讀

              用代碼來實現一下中彩票的快樂

              “我只是想中個彩票一輩子不用不上班而已,很過分嗎,又不是想要天上的星星”。
              的頭像 OpenHarmony技術社區 發表于 04-21 08:25 ? 270次 閱讀

              OpenHarmony應用的編譯構建過程

              2022 年 3 月 31 日發布了最新的 IDE 工具 DevEco Studio 3.0 Bet....
              的頭像 OpenHarmony技術社區 發表于 04-21 08:13 ? 435次 閱讀

              ETS是否適合金融界面的開發

              HarmonyOS 在去年年底已經更新了 API7,最大的更新就是基于 TS 擴展的聲明式開發范式的....
              的頭像 OpenHarmony技術社區 發表于 04-21 07:48 ? 249次 閱讀

              HarmonyOS應用開發—文件上傳問題的解決方式

              在之前的分享中,曾經提到一個文件上傳的問題 /data/user/0/cn.jltf.neighbo....
              的頭像 鴻蒙時代 發表于 04-20 10:59 ? 182次 閱讀

              HarmonyOS應用開發-Search實現

              提供搜索框組件,用于提供用戶搜索內容的輸入區域。 1.創建項目 2.示例代碼 hml ? ?css ....
              的頭像 鴻蒙時代 發表于 04-19 14:30 ? 2151次 閱讀
              HarmonyOS應用開發-Search實現

              加速生態繁榮,華為使能OpenHarmony發行版廠商

              原標題:加速OpenHarmony生態繁榮,華為使能OpenHarmony發行版廠商? 2022年4....
              的頭像 科技觀點 發表于 04-19 09:14 ? 358次 閱讀
              加速生態繁榮,華為使能OpenHarmony發行版廠商

              HarmonyOS應用開發—marquee組件的使用

              1.創建項目 2.示例代碼 hml {{marqueeCustomData}} StartStop ....
              的頭像 鴻蒙時代 發表于 04-18 10:22 ? 211次 閱讀
              HarmonyOS應用開發—marquee組件的使用

              HarmonyOS開發教程 判斷網絡類型的基本邏輯

              在應用開發過程中經常需要對網絡進行判斷,例如:當前信號是WIFI信息時才進行下載。下面是判斷網絡信號....
              的頭像 鴻蒙時代 發表于 04-15 15:35 ? 389次 閱讀

              搭載OpenHarmony3.1 Release版本的開發套件實現打電話功能

              電子發燒友網報道(文/黃晶晶)最近OpenHarmony社區的專家連志安發表了一個視頻。視頻是說使用....
              的頭像 電子發燒友網 發表于 04-13 13:53 ? 419次 閱讀

              HarmonyOS開發 HarmonyOS創建和運行HelloWorld

              DevEco Studio開發環境配置完成后,可以通過運行HelloWorld工程來驗證環境設置是否....
              的頭像 鴻蒙時代 發表于 04-13 10:53 ? 1935次 閱讀
              HarmonyOS開發 HarmonyOS創建和運行HelloWorld

              HarmonyOS連接wifi熱點的樣例教程

              一個簡單的應用程序,無需根設備即可從 HDC 加入某個 wifi 接入點。還支持修改代理設置。
              發表于 04-12 11:19 ? 98次 閱讀

              HarmonyOS上的蒹葭網絡請求框架教程

              一、介紹 蒹葭(JianJia)是一款鴻蒙系統上的網絡請求框架,其實就是將安卓的Retrofit移植....
              發表于 04-12 09:51 ? 48次 閱讀

              HarmonyOS css樣式與普通HTML css樣式的區別

              時光荏苒,不知不覺中從事鴻蒙開發已經大半年了,記得剛入職的時候那時候連 DevEco Studio ....
              的頭像 OpenHarmony技術社區 發表于 04-12 09:25 ? 348次 閱讀
              奶白受哭腔gv,日韩美AAA特级毛片,扒开美女的内裤看到它的j

              <form id="thnbx"><nobr id="thnbx"><nobr id="thnbx"></nobr></nobr></form>

              <form id="thnbx"></form>

                        <form id="thnbx"></form>

                        <address id="thnbx"><nobr id="thnbx"></nobr></address>
                        <sub id="thnbx"><listing id="thnbx"></listing></sub>

                        <form id="thnbx"><nobr id="thnbx"><nobr id="thnbx"></nobr></nobr></form>