> For the complete documentation index, see [llms.txt](https://lochiwei.gitbook.io/ios/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lochiwei.gitbook.io/ios/swiftui/gestures/drag/.draggable/handlepoint.md).

# HandlePoint

{% embed url="<https://youtu.be/fcNPtYRCsAA>" %}
🔸 top-most is a `HandlePoint`
{% endembed %}

{% tabs %}
{% tab title="🖼 HandlePoint" %}
⬆️ 需要： [.draggable()](/ios/swiftui/gestures/drag/.draggable.md), [view + .frame()](/ios/swiftui/view/layout/frame/ext.md)

```swift
// 2022.03.09
import SwiftUI

// 🖼 HandlePoint
struct HandlePoint: View {
    private let size: CGFloat = 20
    var body: some View {
        Circle()
            .fill(.secondary)
            .frame(size)        // 🌀 View+ .frame()
            .overlay(
                Circle().stroke(.white, lineWidth: 2)
            )
            .draggable()        // 👔 Draggable
    }
}
```

{% endtab %}

{% tab title="👥 相關" %}

* source code for the video above, see: 👉 [.draggable()](/ios/swiftui/gestures/drag/.draggable.md).
  {% endtab %}
  {% endtabs %}