SwiftUI 動畫之制作個能呼吸的歡迎介紹界面 (教程含碼#) scaleEffect

標簽： css html css3 python unity

實戰需求

SwiftUI 動畫之制作個能呼吸的歡迎介紹界面

本文價值與收獲

看完本文后，您將能夠作出下面的界面

截屏2020-08-23 上午9.14.24.png

Jietu20200823-091501.gif

看完本文您將掌握的技能

掌握 scaleEffect
掌握 repeatForever
掌握 .easeInOut(duration: 1)

基礎知識

scaleEffect(_:anchor:)

相對于錨點，按給定的垂直和水平尺寸大小縮放此視圖的渲染輸出。

func scaleEffect(_ scale: CGSize, anchor: UnitPoint = .center) -> some View

參量

scale
CGSize代表水平和垂直量的A ，以縮放視圖。
anchor
默認值為的點center定義了視圖中從中應用轉換的位置。

參考代碼

用于通過應用指定的特定大小的縮放變換來縮放視圖。scaleEffect(_:anchor:)scale

Image(systemName: "envelope.badge.fill")
    .resizable()
    .frame(width: 100, height: 100, alignment: .center)
    .foregroundColor(Color.red)
    .scaleEffect(CGSize(x: 0.9, y: 1.3), anchor: .leading)
    .border(Color.gray)

實戰代碼

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/108358224

智能推薦

SwiftUI 動畫之監控動畫完成實現回調AnimatableModifier （教程含源碼）

實戰需求 SwiftUI是偉大的，當它歸結為動畫，因為它做了很多關于你喜歡的方法withAnimation和animation(…)。您只需傳遞想要動畫的東西，SwiftUI將確保您的視圖從一種狀態平穩地移動到另一種狀態。但是，有時候，您希望擁有與UIKit相同的功能，該功能允許您在動畫完成后更新狀態。當您尋找動畫完成后獲取回調的方法時，您會意識到這并不是那么簡單。實際上，沒有內置...

SwiftUI 2.0 制作個側邊欄基于GeometryReader和Lazy(教程含源碼)

本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握GeometryReader的基礎使用掌握Lazy組件基礎使用實現側邊欄效果代碼...

SwiftUI 制作個音樂播放器 (教程含源碼)AVQueuePlayer

實戰需求 SwiftUI 制作個音樂播放器本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握 AVQueuePlayer 掌握 AVPlayerViewController 掌握 DispatchQueue.main.async 基礎知識 AVPlayerViewController 一種視圖控制器，用于顯示來自播放器對象的視頻內容以及系統提供的播放控件。總覽使...

SwiftUI macOS 之 List Sidebar設置擊高亮動畫效果(教程含源碼)

實戰需求 SwiftUI macOS 之 List Sidebar設置擊高亮動畫效果(教程含源碼) 本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握background 掌握onTagGesture 掌握animation 掌握延時設置動畫基礎知識 List 一個容器，用于顯示排列在單列中的數據行。 background(_:alignment:) 將給定視圖分層...

SwiftUI 動畫之如何給Text設置淡入淡出效果教程含源碼opacity

實戰需求 SwiftUI 動畫之如何給Text設置淡入淡出效果本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握 ZStack 掌握 opacity 掌握 animation 掌握 delay 基礎知識 ZStack 覆蓋其子項的視圖，使子項在兩個軸上對齊。主題創建堆棧 1、init(alignment: Alignment, content: ()...