• <noscript id="e0iig"><kbd id="e0iig"></kbd></noscript>
  • <td id="e0iig"></td>
  • <option id="e0iig"></option>
  • <noscript id="e0iig"><source id="e0iig"></source></noscript>
  • SwiftUI 學習筆記 01 - PlusOneSecond

    標簽: ios

    核心要點

    1. 如何通過Buttom按鈕觸發事件來改變Text的顯示內容
    2. Text控件通過onApper綁定函數觸發事件

    代碼

    struct ContentView: View {
        @State var timeCount:Double = 0.0
        @State var checkOut: Int = 0
        
        var timer: Timer {
            Timer.scheduledTimer(withTimeInterval: 0.1, repeats: true) { _ in
                self.timeCount += 0.1
            }
        }
        
        func timeString(time: Double) -> String {
            return String(format: "%.1f", time)
        }
        
        var body: some View {
            HStack {
                Text(timeString(time:self.timeCount)).onAppear{
                    _ = self.timer
                }
                Button(action: {
                    self.timeCount += 1.0
                }) {
                    Text("Check")
                }
            }
            
        }
    }
    

    邏輯分析

    1. 首先聲明兩個變量timeCount和chectOut分別來計算時間和點擊按鈕的次數;
    2. 調用Timer.scheduledTimer()方法來實現時間調度功能,這里我們設置每個0.1觸發一次累加功能;
    3. 添加Text和Button控件;
    4. 在Text控件中,現實的內容為timeString函數的返回值,onApper方法的作用是在Text控件開始的時候觸發;
    5. 在onApper方法中,放置了self.timer方法,這樣就實現了動態更新Text控件顯示內容的功能;
    6. 在Button控件中的action參數里,添加self.timeCount += 1.0,實現了點擊Button后動態更新Text顯示內容的功能

    歡迎關注我的公眾號,回復關鍵字“大禮包” ,將會有大禮相送!!! 祝各位面試成功!!!

    版權聲明:本文為weixin_41818794原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
    本文鏈接:https://blog.csdn.net/weixin_41818794/article/details/104492542

    智能推薦

    SwiftUI 小demo之 01 獲取笑話并顯示

    SwiftUI 小demo之 01 獲取笑話并顯示 代碼 效果 image.png 更多SwiftUI教程和代碼關注專欄 請關注我的專欄 SwiftUI教程與源碼...

    SwiftUI Widgets 系列之01創建頂部對齊Widget

    實戰需求 SwiftUI Widgets 如何創建頂部對齊Widget? 本文價值與收獲 看完本文后,您將能夠作出下面的界面 看完本文您將掌握的技能 管理一組TextField 使用ScrollView 設置圓形TextField 基礎知識 Widget Widgets小部件在iOS中存在很長一段時間,但iOS 14對其進行了徹底的改進,WWDC2020明確要求使用SwiftUI編寫。 iOS 1...

    SwiftUI Django 入門之01 檢查并安裝Python環境

    Django教程之Django應該使用哪個版本的Python? 建議使用Python 3。Django 1.11是最后一個支持Python 2.7的版本。對python 2.7和Django 1.11的支持將于2020年結束。 由于新版本的Python通常更快,具有更多功能并得到更好的支持,因此建議使用最新版本的Python 3。 下面是django和python對應版本 如何查看電腦的pytho...

    SpringCloud學習筆記01

    1.什么是微服務? 從官方博文了解(馬丁·福勒) 通常而言,微服務架構是一種架構模式或者說是一種架構風格,它提倡將單一應用程序劃分成一組小的服務,每個服務運行在其獨立的進程中,服務之間相互協調,互相配合,為用戶提供最終價值。服務之間采用輕量級的通信機制互相溝通(通常是基于HTTP的RESTfull API)。每個服務都圍繞著具體業務進行構建,并且能夠被獨立的部署到生產環境,類生產環境...

    HTML中常用操作關于:頁面跳轉,空格

    1.頁面跳轉 2.空格的代替符...

    猜你喜歡

    freemarker + ItextRender 根據模板生成PDF文件

    1. 制作模板 2. 獲取模板,并將所獲取的數據加載生成html文件 2. 生成PDF文件 其中由兩個地方需要注意,都是關于獲取文件路徑的問題,由于項目部署的時候是打包成jar包形式,所以在開發過程中時直接安照傳統的獲取方法沒有一點文件,但是當打包后部署,總是出錯。于是參考網上文章,先將文件讀出來到項目的臨時目錄下,然后再按正常方式加載該臨時文件; 還有一個問題至今沒有解決,就是關于生成PDF文件...

    電腦空間不夠了?教你一個小秒招快速清理 Docker 占用的磁盤空間!

    Docker 很占用空間,每當我們運行容器、拉取鏡像、部署應用、構建自己的鏡像時,我們的磁盤空間會被大量占用。 如果你也被這個問題所困擾,咱們就一起看一下 Docker 是如何使用磁盤空間的,以及如何回收。 docker 占用的空間可以通過下面的命令查看: TYPE 列出了docker 使用磁盤的 4 種類型: Images:所有鏡像占用的空間,包括拉取下來的鏡像,和本地構建的。 Con...

    requests實現全自動PPT模板

    http://www.1ppt.com/moban/ 可以免費的下載PPT模板,當然如果要人工一個個下,還是挺麻煩的,我們可以利用requests輕松下載 訪問這個主頁,我們可以看到下面的樣式 點每一個PPT模板的圖片,我們可以進入到詳細的信息頁面,翻到下面,我們可以看到對應的下載地址 點擊這個下載的按鈕,我們便可以下載對應的PPT壓縮包 那我們就開始做吧 首先,查看網頁的源代碼,我們可以看到每一...

    Linux C系統編程-線程互斥鎖(四)

    互斥鎖 互斥鎖也是屬于線程之間處理同步互斥方式,有上鎖/解鎖兩種狀態。 互斥鎖函數接口 1)初始化互斥鎖 pthread_mutex_init() man 3 pthread_mutex_init (找不到的情況下首先 sudo apt-get install glibc-doc sudo apt-get install manpages-posix-dev) 動態初始化 int pthread_...

    精品国产乱码久久久久久蜜桃不卡