# Questions about RGBBullsEye on macOS

**URL:** <https://forums.kodeco.com/t/questions-about-rgbbullseye-on-macos/169494>\
**Category:** SwiftUI by Tutorials\
**Created:** [April 21, 2022, 2:16am UTC](https://forums.kodeco.com/t/questions-about-rgbbullseye-on-macos/169494 "2022-04-21T02:16:34Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![diuming](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/diuming/32/110937_2.png) [@diuming](https://forums.kodeco.com/u/diuming)\
**Post date:** [April 21, 2022, 2:16am UTC](https://forums.kodeco.com/t/questions-about-rgbbullseye-on-macos/169494/1 "2022-04-21T02:16:34Z")

</div>

I reference your code and running on macOS.  
Could I just ask your some questions?

Q1)How do I force divide content view width in half?  
Q2)How do I place the circle on the rightmost in green area?  
Q3)How do I avoid a gap between green area and red area?

thx

![Screen Shot 2022-04-21 at 9.57.29 AM](https://files.chunter.kodeco.com/original/3X/3/6/36a0cd114315c794e04ad00bfdc0add46dfd7b41.png)

```auto
struct CircleRGB: View {
    @Binding var rgb: RGB
    var body: some View {
        HStack {
            Circle()
                .fill(Color(rgb: self.rgb))
                .frame(maxWidth: .infinity, alignment: .trailing)
                .border(.green)
                
            VStack {
                Text("R: \(self.rgb.red)")
                Text("G: \(self.rgb.green)")
                Text("B: \(self.rgb.blue)")
            }
            .frame(maxWidth: .infinity, alignment: .leading)
            .border(.red)
        }
        .padding()
        .border(.yellow)
    }
}

```

---

<div class="post-metadata">

**Author:** ![audrey](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/audrey/32/111607_2.png) [@audrey](https://forums.kodeco.com/u/audrey)\
**Post date:** [April 25, 2022, 2:57am UTC](https://forums.kodeco.com/t/questions-about-rgbbullseye-on-macos/169494/2 "2022-04-25T02:57:39Z")

</div>

hi diuming,

1. use `GeometryReader` (chapter 13)
2. use `Spacer()` (chapter 7)
3. use `HStack(spacing: 0)`. You can also use a negative spacing value

---

<div class="post-metadata">

**Author:** ![diuming](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/diuming/32/110937_2.png) [@diuming](https://forums.kodeco.com/u/diuming)\
**Post date:** [April 25, 2022, 5:47am UTC](https://forums.kodeco.com/t/questions-about-rgbbullseye-on-macos/169494/3 "2022-04-25T05:47:39Z")

</div>

Hi Audrey,  
thanks for reply.

referring your advice

1. I will try it soon.
2. It’s no effect.
3. It works very well.

Maybe I should have read all chapters and then ask questions.

```auto
    var body: some View {
        HStack(spacing: 0) {
            HStack {
                Spacer()
                Circle()
                    .fill(Color(rgb: self.rgb))
                    .frame(maxWidth: .infinity, alignment: .trailing)
            }
            .border(.green)

            VStack {
                Text("R: \(self.rgb.red)")
                    .frame(maxWidth: .infinity, alignment: .leading)
                Text("G: \(self.rgb.green)")
                    .frame(maxWidth: .infinity, alignment: .leading)
                Text("B: \(self.rgb.blue)")
                    .frame(maxWidth: .infinity, alignment: .leading)
            }
            .border(.red)
        }
        .padding()
        .border(.yellow)
    }

```

---

<div class="post-metadata">

**Author:** ![audrey](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/audrey/32/111607_2.png) [@audrey](https://forums.kodeco.com/u/audrey)\
**Post date:** [April 25, 2022, 7:37am UTC](https://forums.kodeco.com/t/questions-about-rgbbullseye-on-macos/169494/5 "2022-04-25T07:37:20Z")

</div>

strange that Spacer() doesn’t work. Try this:

```auto
HStack {
  HStack {
    Rectangle()
      .fill(Color(.clear))
    Circle()
      .fill(Color(rgbStruct: self.rgb))
  }
  .frame(maxWidth: .infinity)
  .border(.green)
// ...

```

---

<div class="post-metadata">

**Author:** ![diuming](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/diuming/32/110937_2.png) [@diuming](https://forums.kodeco.com/u/diuming)\
**Post date:** [April 26, 2022, 3:08am UTC](https://forums.kodeco.com/t/questions-about-rgbbullseye-on-macos/169494/6 "2022-04-26T03:08:23Z")

</div>

The `circle` is moved to right, but not `rightmost`.  
thanks.