I am trying to create a sudoku game. All the cells of the sudoku board are `boxes` - nested in `rows...

# compose

[nilTheDev]

I am trying to create a sudoku game. All the cells of the sudoku board are boxes - nested in rows and columns - with some border around them. However, in some of the boxes the border appears to be thicker than others. Anybody knows why this is happening? In the code, the thickness of the border of all the boxes are same.

[tad]

Is this a preview, an emulator, or a real device?

[nilTheDev]

@tad It's an emulator.

[tad]

Okay. Did you try zooming to 1:1?

[nilTheDev]

I don't know how to do that. Is it something to be done in the emulator?

[tad]

Nevermind. Just press the screenshot button in the emulator window and zoom in on the screenshot. I have a feeling this is just a result of scaling the emulator display.

[tad]

If not, and if you require pixel-perfect accuracy with no aliasing, you'll have to do some Canvas work.

[tad]

This is because a 1.dp line will not always align to the display's pixel grid. You can use Dp.Hairline to get a true single-pixel line, but that can be almost invisible on a high-density display. But in most real-world scenarios, including 1080p phone displays, you'll be hard-pressed to notice aliasing artifacts.

[nilTheDev]

Yep. You were right. I couldn't find where the screenshot was being stored in the emulator. So, I tried it in a real device and there is no issue. All the borders appears to be perfect.

[tad]

Okay, excellent. Carry on!

[nilTheDev]

Thank you so much 🙃

[andylamax]

Just here to say big up @tad for helping out the way you did. The way you helped in this scenario should be an example to many