SwiftUI– tag –
-
Development
Part 10 Finishing the Color Picker | Create the Color Picker with SwiftUI
This article is part of a series focused on creating color picker in SwiftUI. Previously, we completed the color picker itself. This article concludes the series by demonstrating the color picker in a sample application. What we make Dis... -
Development
Part 9 Dynamically Changing Gradients | Create the Color Picker with SwiftUI
This is a series of articles on creating a color picker in SwiftUI. In the previous articles, the model was partitioned by channel, with gradient and current channel value information being distinct entities, thereby complicating the dyn... -
Development
Part 8 Creating a preview of the selected color | Create the Color Picker with SwiftUI
This is a series of articles on creating a color picker in SwiftUI. In this article, we'll implement a color preview, drawing upon the values selected using the RGB channel sliders we built in the previous articles. Moreover, we need to ... -
Development
Part 7 Making it possible to move knobs by dragging (panning) | Create the Color Picker with SwiftUI
This is a series of articles on creating a color picker in SwiftUI. In this article, we will implement a process that allows knobs to be moved with a drag (pan) gesture. Use DragGesture in SwiftUI In UIKit, the gesture of tracing a finge... -
Development
Part 6 Organizing Code | Create the Color Picker with SwiftUI
This series of articles resolves around creating a color picker in SwiftUI. Initially, I envisioned the code to be on a smaller scale and, thus, added code with minimal organization. However, this approach led to a convoluted codebase. S... -
Development
Part 5 Allowing a tap to set a value | Create the Color Picker with SwiftUI
SwiftUIでカラーピッカーを作るという連載記事です。今回はカラーピッカーのグラデーションビュー上をタップして、RGB値を設定できるようにするためのコードを実装します。 This is a series of articles on creating a color picker in SwiftUI. In this ... -
Development
Part 4 Changing the knob position according to its value | Create the Color Picker with SwiftUI
This is a series of articles on creating a color picker in SwiftUI. In the previous article, we implemented the placement of the knob, but it remains fixed at the location where the value is 0, regardless of the current value. This artic... -
Development
Part 3 Displaying the Current Value Knob | Create the Color Picker with SwiftUI
This is a series of articles on creating a color picker in SwiftUI. We created a text field in the previous article to display the current value. In this article, we will continue the process by implementing the look and feel of the proc... -
Development
Dynamically Getting the View Size in SwiftUI
In a SwiftUI app, you can use GeometryReader to dynamically get the view size. This article explains how to do it. Output the View Size into the Console Following the code, get the view size using GeometryReader and print it into the con... -
Development
Part 2 Displaying the Current Value | Create the Color Picker with SwiftUI
This is a series of articles about creating a color picker in SwiftUI. The current value of the color picker we're creating in this series will be displayed as follows. Display labels and values above the gradient view Values can be edit... -
Development
Part 1 Displaying Gradients in SwiftUI | Create the Color Picker with SwiftUI
In this multi-part series, we will create a color picker in SwiftUI. This time, we will create the gradient part to be displayed in the color picker. SwiftUIでグラデーションを表示する Displaying gradients in SwiftUI struct PickerGradatio... -
Development
Change the iOS app lifecycle from UIKit to SwiftUI
Newer versions of iOS and macOS have been released, and the features offered by SwiftUI have also expanded. As a result, it is becoming possible to use SwiftUI for the parts that can be created with SwiftUI and use it in conjunction with... -
Development
Create the window for SwiftUI with the AppKit
The Xcode 13.4.1 on macOS Monterery 12.4 can use only WindowGroup and DocumentGroup to implement the window generation in SwiftUI, so we can't create the single window application. You can't implement the all of the items in the menu bar... -
Development
Set the window size in SwiftUI
This article explains how to set the window size, maximum and minimum sizes in a SwiftUI app. Defining a Window by WindowGroup When you define a window using the WindowGroup, your code would look something like this: import SwiftUI @main... -
Development
How to terminate the SwiftUI app when the window is closed
This article explains how to terminate the SwiftUI app when the window is closed. With the WindowGroup Suppose you specify the SwiftUI to the "Interface" of the project option when you create the project. In that case, the generated code... -
Development
How to create tabs in SwiftUI
Use TabView to create tabs in SwiftUI. This article demonstrates how to create tabs in SwiftUI. Basic Structure The TabView is used in the following structure. struct ContentView: View { var body: some View { TabView { // --- START --- /... -
Development
[SwiftUI] Layout adjustment on the Conversion tab of the Preferences window
We are attempting to re-implement MultiTextConverter in Swift. This time, continuing with the creation of the look and feel of the preferences window, we are adjusting the layout of the conversion tab. For background information, please ... -
Development
[SwiftUI] Create a tab in the Preferences window
I am attempting to reimplement MultiTextConverter in Swift. This time, I am creating the look and feel of the preferences window. Please see this article for the background. The window of the MultiTextConverter 3.6 In the MultiTextConver...
1