Skip to content

Commit

Permalink
-iOS: new WWDC23 video {'What’s new with text and text interactions'}. (
Browse files Browse the repository at this point in the history
#446)

-iOS: new WWDC23 video {'What’s new with text and text interactions'}.
  • Loading branch information
XLE22 authored Jul 20, 2023
1 parent e48820e commit ea1416a
Show file tree
Hide file tree
Showing 19 changed files with 214 additions and 28 deletions.
67 changes: 39 additions & 28 deletions src/assets/json/en/ios/wwdc/ios-wwdc-listnota11y.json
Original file line number Diff line number Diff line change
Expand Up @@ -76,6 +76,17 @@
"raccourcis": "2023/2310165",
"profils": ["All","Debugging","DocC","Localization","Swift","What's new in...","Xcode"]
},
{
"themes": "WWDC 2023",
"title": "What’s new with text and text interactions",
"type": ["Attributed String","Menu","ScrollView"],
"tests": [],
"verifier": [],
"resultat": ["Design"],
"exception": "",
"raccourcis": "2023/2310058",
"profils": ["All","What's new in..."]
},
{
"themes": "WWDC 2022",
"title": "Adopt Variable Color in SF Symbols",
Expand Down Expand Up @@ -199,25 +210,25 @@
},
{
"themes": "WWDC 2022",
"title": "Meet the expanded San Francisco font family",
"title": "Meet Swift Regex",
"type": [],
"tests": [],
"verifier": [],
"resultat": ["Design"],
"resultat": [],
"exception": "",
"raccourcis": "2022/22110381",
"profils": ["All"]
"raccourcis": "2022/22SwiftRegex",
"profils": ["All","Regex"]
},
{
"themes": "WWDC 2022",
"title": "Meet Swift Regex",
"title": "Meet the expanded San Francisco font family",
"type": [],
"tests": [],
"verifier": [],
"resultat": [],
"resultat": ["Design"],
"exception": "",
"raccourcis": "2022/22SwiftRegex",
"profils": ["All","Regex"]
"raccourcis": "2022/22110381",
"profils": ["All"]
},
{
"themes": "WWDC 2022",
Expand Down Expand Up @@ -593,49 +604,49 @@
"raccourcis": "2021/2110059",
"profils": ["All","Accessibility","What's new in..."]
},
{
{
"themes": "WWDC 2020",
"title": "Feature your actions in the Shortcuts app",
"type": [],
"title": "Build for the iPadOS pointer",
"type": ["Pointer"],
"tests": [],
"verifier": [],
"resultat": ["Design"],
"exception": "",
"raccourcis": "2021/21ShortcutsActions",
"profils": ["All", "Shortcuts"]
"raccourcis": "2020/20iPadOSPointer",
"profils": ["All"]
},
{
"themes": "WWDC 2020",
"title": "Formatters",
"type": ["Attributed String"],
"title": "Design for the iPadOS pointer",
"type": ["Pointer"],
"tests": [],
"verifier": [],
"resultat": [],
"resultat": ["Design"],
"exception": "",
"raccourcis": "2020/2010160",
"profils": ["All","Formatting","SwiftUI"]
"raccourcis": "2020/20iPadOSPointer",
"profils": ["All"]
},
{
{
"themes": "WWDC 2020",
"title": "Build for the iPadOS pointer",
"type": ["Pointer"],
"title": "Feature your actions in the Shortcuts app",
"type": [],
"tests": [],
"verifier": [],
"resultat": ["Design"],
"exception": "",
"raccourcis": "2020/20iPadOSPointer",
"profils": ["All"]
"raccourcis": "2021/21ShortcutsActions",
"profils": ["All", "Shortcuts"]
},
{
"themes": "WWDC 2020",
"title": "Design for the iPadOS pointer",
"type": ["Pointer"],
"title": "Formatters",
"type": ["Attributed String"],
"tests": [],
"verifier": [],
"resultat": ["Design"],
"resultat": [],
"exception": "",
"raccourcis": "2020/20iPadOSPointer",
"profils": ["All"]
"raccourcis": "2020/2010160",
"profils": ["All","Formatting","SwiftUI"]
},
{
"themes": "WWDC 2019",
Expand Down
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_10.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_11.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_12.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_13.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_14.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_15.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_4.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_5.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_6.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_7.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_8.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/en/mobile/images/iOSdev/wwdc23-10058_9.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
102 changes: 102 additions & 0 deletions src/en/mobile/ios/wwdc/nota11y/2023/2310058.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
---
title : "What’s new with text and text interactions"
abstract: "Discover the latest features and enhancements for creating rich text experiences on Apple platforms."

displayToc: true
---

# WWDC 2023: What’s new with text and text interactions
Find hereafter a detailed summary of a video that belongs to a [taxonomy of some WWDC footages](../../).

The original video is available on the **Apple official website** ([session 10058](https://developer.apple.com/videos/play/wwdc2023/10058/)).
![](../../../../../images/iOSdev/wwdc23-10058_Poster.png)
"Text is an absolutely critical component of every app. Discover the **latest features and enhancements** for **creating rich text experiences** on Apple platforms. We'll show you how to take advantage of common text elements and create entirely custom interactions for your app. Learn about updates to **dictation**, **text loupe**, and **text selection**, and explore improvements to **text clipping**, **line wrapping**, and **hyphenation**."
</br>Hereafter, the underlined elements lead directly to the playback of the WWDC video at the appropriate moment.
</br>

## [Selection&nbsp;UI](https://developer.apple.com/videos/play/wwdc2023/10058/?time=56)
![](../../../../../images/iOSdev/wwdc23-10058_1.png)

Improvements have been made for `selection`&nbsp;`UI` through the **text cursor** and the **loupe**.

<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active"
data-bs-toggle="tab"
href="#WNiTextSelection1"
id="WNiTextSelection1_tab"
role="tab"
aria-selected="true">Text&nbsp;cursor</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link"
data-bs-toggle="tab"
href="#WNiTextSelection2"
id="WNiTextSelection2_tab"
role="tab"
aria-selected="false">Loupe</a>
</li>
</ul>

<div class="tab-content">
<div class="tab-pane show active" id="WNiTextSelection1" role="tabpanel">

<a alt="Click to playback the footage at the appropriate moment regarding the text cursor" href="https://developer.apple.com/videos/play/wwdc2023/10058/?time=59">🎬</a>

![](../../../../../images/iOSdev/wwdc23-10058_2.png)
</div>

<div class="tab-pane" id="WNiTextSelection2" role="tabpanel">

<a alt="Click to playback the footage at the appropriate moment regarding the loupe" href="https://developer.apple.com/videos/play/wwdc2023/10058/?time=193">🎬</a>

![](../../../../../images/iOSdev/wwdc23-10058_3.png)
</div>
</div>
</br>
</br>

## [Item&nbsp;actions&nbsp;&&nbsp;menus](https://developer.apple.com/videos/play/wwdc2023/10058/?time=256)
![](../../../../../images/iOSdev/wwdc23-10058_4.png)

Besides the well known [item&nbsp;actions](https://developer.apple.com/videos/play/wwdc2023/10058/?time=310), **tagging a range** for a text interaction is now supported by a text item.
![](../../../../../images/iOSdev/wwdc23-10058_5.png)

Then, few lines of code give rise to a [menu&nbsp;display](https://developer.apple.com/videos/play/wwdc2023/10058/?time=387) via a link inside a `UITextView`.
![](../../../../../images/iOSdev/wwdc23-10058_6.png)

</br>

## [Lists&nbsp;&&nbsp;bullets](https://developer.apple.com/videos/play/wwdc2023/10058/?time=406)
![](../../../../../images/iOSdev/wwdc23-10058_7.png)

</br>

## [Dictation](https://developer.apple.com/videos/play/wwdc2023/10058/?time=457)
The dictation indicator has a brand new appearance and behavior on `macOS 14`.
![](../../../../../images/iOSdev/wwdc23-10058_8.png)

The `macOS Sonoma` selection `UI` provides an [`iOS 17`&nbsp;approach](https://developer.apple.com/videos/play/wwdc2023/10058/?time=508) through a new `API`.
![](../../../../../images/iOSdev/wwdc23-10058_9.png)

The **[glow&nbsp;effect](https://developer.apple.com/videos/play/wwdc2023/10058/?time=590) animation** is totally under control via a line of code...
![](../../../../../images/iOSdev/wwdc23-10058_10.png)

... just like the [input&nbsp;modes](https://developer.apple.com/videos/play/wwdc2023/10058/?time=607) placement for the **language selection `UI`**.
![](../../../../../images/iOSdev/wwdc23-10058_11.png)

Finally, there's a **[scroll-away&nbsp;indicator](https://developer.apple.com/videos/play/wwdc2023/10058/?time=632)** to suggest a shift from the relative position of the cursor towards the dictation point.
![](../../../../../images/iOSdev/wwdc23-10058_12.png)
</br>

## [Internationalization](https://developer.apple.com/videos/play/wwdc2023/10058/?time=668)
The **dynamic line-height adjustement** has been improved for the standard text elements in order to **prevent some common clipping issues**.
![](../../../../../images/iOSdev/wwdc23-10058_13.png)

Some [piece&nbsp;of&nbsp;advice](https://developer.apple.com/videos/play/wwdc2023/10058/?time=792) should be followed so as to highlight this **line-height adjustment for `iOS 17`**.
![](../../../../../images/iOSdev/wwdc23-10058_14.png)


Finally, enhancements have been provided regarding **[wrapping&nbsp;and&nbsp;hyphenation](https://developer.apple.com/videos/play/wwdc2023/10058/?time=856)** in some languages.
![](../../../../../images/iOSdev/wwdc23-10058_15.png)
</br>
73 changes: 73 additions & 0 deletions src/en/mobile/ios/wwdc/nota11y/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,3 +21,76 @@ Most of the illustrations are parts of the Apple presentations and may be availa
The videos that may be of interest to **designers** are highlighted with a **dedicated mark** at the end of their names.

<section id="refTests"></section>

<section class="visually-hidden" id="wwdcTests" aria-hidden="true">
<h2 id="hhwwdc2023" class="pt-5">WWDC 2023</h2>
<p id="hwwdc64">WWDC 2023 Keynote</p>
<p id="hwwdc63">WWDC 2023 Platforms State of the Union</p>
<p id="hwwdc62">WWDC 2023 What’s new in SF Symbols 5</p>
<p id="hwwdc61">WWDC 2023 What’s new in SwiftUI</p>
<p id="hwwdc60">WWDC 2023 What’s new in UIKit</p>
<p id="hwwdc59">WWDC 2023 What’s new in Xcode 15</p>
<p id="hwwdc58">WWDC 2023 What’s new with text and text interactions</p>
<h2 id="hhwwdc2022" class="pt-5">WWDC 2022</h2>
<p id="hwwdc57">WWDC 2022 Adopt Variable Color in SF Symbols</p>
<p id="hwwdc56">WWDC 2022 Build your first app in Swift Playgrounds</p>
<p id="hwwdc55">WWDC 2022 Create engaging content for Swift Playgrounds</p>
<p id="hwwdc54">WWDC 2022 Design an effective chart Design</p>
<p id="hwwdc53">WWDC 2022 Design app experiences with charts</p>
<p id="hwwdc52">WWDC 2022 Design App Shortcuts Design</p>
<p id="hwwdc51">WWDC 2022 Design protocol interfaces in Swift</p>
<p id="hwwdc50">WWDC 2022 Embrace Swift generics</p>
<p id="hwwdc49">WWDC 2022 Get to know Developer Mode</p>
<p id="hwwdc48">WWDC 2022 Hello Swift Charts</p>
<p id="hwwdc47">WWDC 2022 Improve the discoverability of your Swift-DocC content</p>
<p id="hwwdc46">WWDC 2022 Meet the expanded San Francisco font family</p>
<p id="hwwdc45">WWDC 2022 Meet Swift Regex</p>
<p id="hwwdc44">WWDC 2022 Swift Charts: Raise the bar</p>
<p id="hwwdc43">WWDC 2022 Swift Regex: Beyond the basics</p>
<p id="hwwdc42">WWDC 2022 Track down hangs with Xcode and on-device detection</p>
<p id="hwwdc41">WWDC 2022 Use Xcode to develop a multiplatform app</p>
<p id="hwwdc40">WWDC 2022 What's new in SF Symbols 4</p>
<p id="hwwdc39">WWDC 2022 What's new in Swift</p>
<p id="hwwdc38">WWDC 2022 What's new in Swift-DocC</p>
<p id="hwwdc37">WWDC 2022 What's new in SwiftUI</p>
<p id="hwwdc36">WWDC 2022 What's new in UIKit</p>
<p id="hwwdc35">WWDC 2022 What's new in Xcode</p>
<h2 id="hhwwdc2021" class="pt-5">WWDC 2021</h2>
<p id="hwwdc34">WWDC 2021 Build interactive tutorials using DocC</p>
<p id="hwwdc33">WWDC 2021 Build interfaces with style</p>
<p id="hwwdc32">WWDC 2021 Demystify and eliminate hitches in the render phase</p>
<p id="hwwdc31">WWDC 2021 Design great actions for Shortcuts, Siri, and Suggestions</p>
<p id="hwwdc30">WWDC 2021 Discover breakpoint improvements</p>
<p id="hwwdc29">WWDC 2021 Elevate your DocC documentation in Xcode</p>
<p id="hwwdc28">WWDC 2021 Explore structured concurrency in Swift</p>
<p id="hwwdc27">WWDC 2021 Explore UI animation hitches and the render loop</p>
<p id="hwwdc26">WWDC 2021 Find and fix hitches in the commit phase</p>
<p id="hwwdc25">WWDC 2021 Host and automate your DocC documentation</p>
<p id="hwwdc24">WWDC 2021 Localize your SwiftUI app</p>
<p id="hwwdc23">WWDC 2021 Meet async/await in Swift</p>
<p id="hwwdc22">WWDC 2021 Meet AsyncSequence</p>
<p id="hwwdc21">WWDC 2021 Meet DocC documentation in Xcode</p>
<p id="hwwdc20">WWDC 2021 Meet the UIKit button system</p>
<p id="hwwdc19">WWDC 2021 Platforms State of the Union</p>
<p id="hwwdc18">WWDC 2021 Protect mutable state with Swift actors</p>
<p id="hwwdc17">WWDC 2021 Streamline your localized strings</p>
<p id="hwwdc16">WWDC 2021 Support Full Keyboard Access in your iOS app</p>
<p id="hwwdc15">WWDC 2021 Swift Concurrency - Behind the Scenes</p>
<p id="hwwdc14">WWDC 2021 Symbolication - Beyond the basics</p>
<p id="hwwdc13">WWDC 2021 Use async/await with URLSession</p>
<p id="hwwdc12">WWDC 2021 What's new in Foundation</p>
<p id="hwwdc11">WWDC 2021 What's new in UIKit</p>
<h2 id="hhwwdc2020" class="pt-5">WWDC 2020</h2>
<p id="hwwdc10">WWDC 2020 Build for the iPadOS pointer</p>
<p id="hwwdc9">WWDC 2020 Design for the iPadOS pointer</p>
<p id="hwwdc8">WWDC 2020 Feature your actions in the Shortcuts app</p>
<p id="hwwdc7">WWDC 2020 Formatters</p>
<h2 id="hhwwdc2019" class="pt-5">WWDC 2019</h2>
<p id="hwwdc6">WWDC 2019 LLDB: Building Great Shortcuts</p>
<p id="hwwdc5">WWDC 2019 Implementing Dark Mode on iOS</p>
<p id="hwwdc4">WWDC 2019 LLDB: Introducing Parameters for Shortcuts</p>
<p id="hwwdc3">WWDC 2019 LLDB: Beyond 'po'</p>
<h2 id="hhwwdc2018" class="pt-5">WWDC 2018</h2>
<p id="hwwdc2">WWDC 2018 Advanced Debugging with Xcode and LLDB</p>
<p id="hwwdc1">WWDC 2018 iOS Memory Deep Dive</p>
</section>

0 comments on commit ea1416a

Please sign in to comment.