x

Search in
Sort by:

Question Status:

Search help

  • Simple searches use one or more words. Separate the words with spaces (cat dog) to search cat,dog or both. Separate the words with plus signs (cat +dog) to search for items that may contain cat but must contain dog.
  • You can further refine your search on the search results page, where you can search by keywords, author, topic. These can be combined with each other. Examples
    • cat dog --matches anything with cat,dog or both
    • cat +dog --searches for cat +dog where dog is a mandatory term
    • cat -dog -- searches for cat excluding any result containing dog
    • [cats] —will restrict your search to results with topic named "cats"
    • [cats] [dogs] —will restrict your search to results with both topics, "cats", and "dogs"

9-Slice images in UMG

I'm attempting to build a UI in UMG and one of the major elements is dialogue boxes, which ought to be straightforward enough to design: create a border graphic and utilize a 9-slice scaled image to draw it onto the canvas, right? From the documentation, it would seem that the intended behavior is that the "box" and "border" draw methods are functionally identical except that "box" fills the scaled image with the center of the source image, while "border" leaves the center empty.

In practice though, identical margin settings have dramatically different results on an image in each respective mode. Check it out:

Box Mode, Margin .49 all sides Border Mode, Margin .49 all sides

The documentation is also very spotty on what precise effect the margin settings have; it implies that the borders are drawn using "margin x image size", which would imply that the margin should be equal to pixel width of border ÷ image dimension (resulting in a decimal percentage of the total image dimension), but using that methodology produces dramatically skewed results. Here's an example:

Box Mode, Margin .25 all sides

The source image in this case is a 64x64 graphic with a 16px border on all sides, implying that the margins ought to be .25 on all sides (64 • 0.25 = 16, right?), but doing so yields a distorted result. Switching to "border" mode has its own variety of distortion:

Border Mode, Margin .25 all sides

I'm probably just being really dumb, but it seems to me that this process is far less intuitive than it could be. It's really difficult to understand visually what effects the margin settings are having, and the documentation isn't exactly thorough on explaining how to use this feature, and I'm stumped.

Can anybody explain to me how this is supposed to work?

Product Version: UE 4.8
Tags:
more ▼

asked Aug 21 '15 at 12:53 AM in Using UE4

avatar image

ArcaneTheWoof
36 3 6 7

avatar image Priareos May 10 '16 at 10:05 AM

I have the exact same problem. This is so easy in Unity... What on earth am i supposed to do with this system? There is no documentation, nothing...

avatar image NiekPixelpool Dec 14 '16 at 03:38 PM

is there still no logical approach for this issue? i cant seem to find it :(

avatar image Kas slim Apr 10 '18 at 08:27 PM

This is such a vital (and basic) part of user interfaces. I can't understand why it's so poorly documented and unintuitive. Just spent 2 hours on something that should take 15 minutes and it still doesn't work properly.

Does anyone have more info about how to properly make 9-slices in UE4?

avatar image CybornClement Dec 14 '18 at 01:33 PM

Just in case someone still has slicing issues : I was using a material in my border widget, switched to a texture and switched back to a material and for some reason it now suddenly works .

(comments are locked)
10|2000 characters needed characters left

0 answers: sort voted first
Be the first one to answer this question
toggle preview:

Up to 5 attachments (including images) can be used with a maximum of 5.2 MB each and 5.2 MB total.

Follow this question

Once you sign in you will be able to subscribe for any updates here

Answers to this question