How do I set margins for a clip panel?

[storm33229]

How do I set margins for a clip panel? I am trying to do so like:

1.         clipPanel.clipRange = new Vector4(
2.             Screen.width * 0.5f + clipPanelMargins.x,
3.             -Screen.height * 0.5f - clipPanelMargins.y,
4.             Screen.width,
5.             Screen.height
6.             );

Imagine my margins are (5, 5, 0, 0). It looks like the transform of the clip panel is moved to (5, -5). That sounds good to me, but when I took a screenshot and measured the pixels, it was 10 pixels from the top of the window to the start of the clip panel. The x margin had the same problem.

[ArenMook]

Clipped panels don't have margins. If you want there to be some spacing between the edge of your clipped panel and your window, then shrink the clipped area.

[storm33229]

Clipped panels don't have margins. If you want there to be some spacing between the edge of your clipped panel and your window, then shrink the clipped area.

When you say "clipped area", are you talking about the contents of the clipped panel? So if I had a bunch of buttons in the panel, I would shrink each one? How could I do this non-uniformly?

edit:

I am trying to create a UI like the inventory in "TES IV : Oblivion" (see).

In that UI there is a scroll view, that has some margins between the edges of the presented UI.

[storm33229]

I'm also looking into your Example 7 - Scroll View (Panel), because this is effectively what I am looking for in a UI. The key difference is that it isn't a full screen UI with clip panel having margins relative to the screen.

[ArenMook]

Clipped area = purple rectangle. It is not in any way related to any actual outline of the window, or the window's background, which is done using different sprites. Therefore you can create visible padding by simply adjusting that purple rectangle (by adjusting the clipped rect on the panel).

[storm33229]

Clipped area = purple rectangle. It is not in any way related to any actual outline of the window, or the window's background, which is done using different sprites. Therefore you can create visible padding by simply adjusting that purple rectangle (by adjusting the clipped rect on the panel).

How do you change the clipped area? The bright purple outline changes when I change the clip center/size. Is this the correct way to change the clipped area?

[ArenMook]

Yeah.

[storm33229]

Yeah.

Got it. I did what you said, and looked more closely at how you have your scroll/clip example setup, and now mine works