Unity UI Elemente richtig anzeigen

Unity Engine
,
1

Hallo zusammen,

ich arbeite nun schon seit einigen Monaten an einer App in 2D. Als ich die App nun auf meinem Android Smartphone testen wollte musste ich feststellen, dass alle UI Elemente(Texte, SPrites(Icons UI )) sehr verschwommen sind.
Was kann ich dagegen tun?

Die Auflösung habe ich auf 720 x 1280 eingestellt. Außerdem habe ich in jeder Scene das Canvas auf “Scale With ScreenSize” eingestellt.

Vielen Dank im Voraus!

5119145--505622--Screenshot_20191029-170904.jpg
5119145--505622--Screenshot_20191029-170904.jpg1080×2160 97.5 KB
5119145--505625--Screenshot_20191029-183935.jpg
5119145--505625--Screenshot_20191029-183935.jpg720×1440 83.6 KB

2

If no one has a solution for this then try textmesh pro. Install it in the package manager. Then you will see it in the ui-menu. I think the textmesh-pro scales better. And maybe the sprites have to low resolution. Make them bigger. It is better to downscale an image as upscale it.

1 Like
3

Please write in English next time, as this is mainly a english-speaking forum :slight_smile:

I’ve translated your post for convenience:

Try out TextMeshPro as @vakabaka suggested. For the icons, use images that are higher in resolution and make sure that the settings for them are correct.

2 Likes
4

Hello again,
thanks for your fast answers and thanks @Mauri for translating my question.

I’ve tried TextMeshPro right now but I’m not really statisfied with my results("New Text was created with Text Mesh). I imported the font with the best available quality but it’s still blurry. Another issue is that behind every Tet there is a kind of field that’s really blurry(I hope you can see it on the pictures).

Do you have any idea?

5120762--505895--Screenshot_20191030-075314.jpg
5120762--505895--Screenshot_20191030-075314.jpg720×1440 71.1 KB

5120762--505898--Screenshot_20191030-075254.jpg
5120762--505898--Screenshot_20191030-075254.jpg720×1440 72.7 KB

5120762--505901--Screenshot_20191030-075146.jpg
5120762--505901--Screenshot_20191030-075146.jpg720×1440 63.4 KB

5

is it “in-game” screenshot from the builded app ? Maybe you should then set the resolution to 1080*2160 (the size from the first screenshot)

1 Like
6

Hey, yes it is an in game Screenshot, but setting the resolution to other values doesn’t change anything in my case:(

7

I am lost now :eyes: Try to enable “pixel perfect” in the canvas settings, maybe in the canvas scaler “reference pixel per unit” is too low or other font can help (you can download other fonts for the textmesh-pro over “Project Settings - TextMeshPro - Import Examples&Extras”. Ich glaube Du bist an dem Punkt, wo Probieren geht über Studieren :hushed:

1 Like
8

Hey, I finally fixed the issue. I really don’t know why but my whole app was displayed as JPEG instead of PNG:face_with_spiral_eyes::face_with_spiral_eyes::face_with_spiral_eyes:thanks for your help!

1 Like