如何在SwiftUI中获取视图或屏幕的高度和宽度

cmweeden

我正在使用拖动手势来更改Color对象的色相/饱和度。想法是,您可以在屏幕上拖动并查看所有色相值(0.0-1.0),并且饱和度从上到下相同。

我需要屏幕的大小(或视图,这是一个单视图应用程序),以便将CGPoint值规范化/转换为0.0-1.0之间的范围,但是无论如何我都无法找到该信息。有很多讨论此话题的线程,但是当我只想检索,他们通常谈论如何设置视图的宽度/高度

我一切正常,只是我正在使用硬编码值对其进行规范化。

乔治·E

查看GeometryReader它允许您获取当前视图的大小:

struct ContentView: View {

    var body: some View {
        GeometryReader { geo in
            VStack {
                Text("Hello World!")
                Text("Size:  (\(geo.size.width), \(geo.size.height))")
            }
        }
    }
}

这是一个示例,您可以在屏幕上拖动以更改色相值:

struct ContentView: View {

    @State private var hue: CGFloat = 0

    var body: some View {
        GeometryReader { geo in
            ZStack {
                Color.white
                    .gesture(DragGesture().onChanged({ value in
                        self.hue = value.location.y / geo.size.height
                    }))

                VStack {
                    Text("Hello World!")
                    Text("Size:  (\(geo.size.width), \(geo.size.height))")
                    Text("Hue:  \(self.hue)")
                }.allowsHitTesting(false)
            }
        }
        .edgesIgnoringSafeArea(.all)
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

来自分类Dev

如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

来自分类Dev

如何在Android中获得可用的屏幕宽度和高度

来自分类Dev

如何在Libgdx中设置屏幕的宽度和高度?

来自分类Dev

如何获取屏幕的宽度和高度-Android

来自分类Dev

在iOS中,如何获取屏幕的高度和宽度,包括在横向模式下宽度大于高度?

来自分类Dev

如何在SwiftUI中设置图像的宽度和高度?

来自分类Dev

如何在BindingAdapter中访问视图的宽度和高度?

来自分类Dev

如何获取视图的高度和宽度?

来自分类Dev

如何获取视图框的宽度和高度

来自分类Dev

如何在Android中获取显示图像的宽度和高度?

来自分类Dev

如何在引导程序中获取窗口的高度和宽度

来自分类Dev

如何获取活动片段视图的参数(如宽度和高度)?

来自分类Dev

获取报告的屏幕宽度和高度

来自分类Dev

如何使div的高度和宽度等于屏幕的宽度和高度?

来自分类Dev

如何在UIStackView中具有多个宽度和高度的子视图

来自分类Dev

从视图中获取容器的宽度和高度

来自分类Dev

从视图中获取容器的宽度和高度

来自分类Dev

如何在动态窗口小部件中获取QGraphicsView的正确位置,宽度和高度

来自分类Dev

如何在Webview中获取缩放的视口的宽度和高度?

来自分类Dev

如何在selection:created事件中获取单个对象的宽度,高度,左侧和顶部?

来自分类Dev

如何在python glfw中获取监视器的宽度和高度

来自分类Dev

插入后如何在自定义ImageView中获取位图的宽度和高度

来自分类Dev

如何在 Angular 2、TypeScript 中获取视频的高度和宽度

来自分类Dev

Android:如何查找屏幕的宽度和高度?

来自分类Dev

如何在WPF中根据窗口的宽度和高度调整控件的宽度和高度

来自分类Dev

如何在任何屏幕中按16:9的纵横比成比例地保持高度和宽度

来自分类Dev

如何在jQuery中获取图像高度宽度

来自分类Dev

如何在Photoshop中获取元素的宽度/高度?

Related 相关文章

  1. 1

    如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

  2. 2

    如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

  3. 3

    如何在Android中获得可用的屏幕宽度和高度

  4. 4

    如何在Libgdx中设置屏幕的宽度和高度?

  5. 5

    如何获取屏幕的宽度和高度-Android

  6. 6

    在iOS中,如何获取屏幕的高度和宽度,包括在横向模式下宽度大于高度?

  7. 7

    如何在SwiftUI中设置图像的宽度和高度?

  8. 8

    如何在BindingAdapter中访问视图的宽度和高度?

  9. 9

    如何获取视图的高度和宽度?

  10. 10

    如何获取视图框的宽度和高度

  11. 11

    如何在Android中获取显示图像的宽度和高度?

  12. 12

    如何在引导程序中获取窗口的高度和宽度

  13. 13

    如何获取活动片段视图的参数(如宽度和高度)?

  14. 14

    获取报告的屏幕宽度和高度

  15. 15

    如何使div的高度和宽度等于屏幕的宽度和高度?

  16. 16

    如何在UIStackView中具有多个宽度和高度的子视图

  17. 17

    从视图中获取容器的宽度和高度

  18. 18

    从视图中获取容器的宽度和高度

  19. 19

    如何在动态窗口小部件中获取QGraphicsView的正确位置,宽度和高度

  20. 20

    如何在Webview中获取缩放的视口的宽度和高度?

  21. 21

    如何在selection:created事件中获取单个对象的宽度,高度,左侧和顶部?

  22. 22

    如何在python glfw中获取监视器的宽度和高度

  23. 23

    插入后如何在自定义ImageView中获取位图的宽度和高度

  24. 24

    如何在 Angular 2、TypeScript 中获取视频的高度和宽度

  25. 25

    Android:如何查找屏幕的宽度和高度?

  26. 26

    如何在WPF中根据窗口的宽度和高度调整控件的宽度和高度

  27. 27

    如何在任何屏幕中按16:9的纵横比成比例地保持高度和宽度

  28. 28

    如何在jQuery中获取图像高度宽度

  29. 29

    如何在Photoshop中获取元素的宽度/高度?

热门标签

归档