1. Zuhause
  2. Frage und Antwort
  3. Unity UI Image Center Crop

Unity UI Image Center Crop

2017-02-25 4 views
1

Ich arbeite auf ListView Element in Unity und steckte bei der Anpassung des Bildes ordnungsgemäß in UI Image. Ich habe mehrere Dinge ausprobiert, indem ich das Aspect-Ratop-Element verwendet habe, mit dem Bildtyp "Gefüllt" fast alles, aber es konnte nicht gut aussehen. In android nennen wir es central crop, was ich zu erreichen versuche. Das erste Bild ist mit Aspekt beibehalten, während das zweite Bild ohne Bild ist. Image with Preserve Aspect but you can see you empty space at top and bottom that looks weird as compared to square images (there are some)Unity UI Image Center Crop

Image without Preserver Aspect

Was soll ich tun, um es zu erreichen.

Vielen Dank.

Quelle

2017-02-25 DevUsman

+0

Hallo, können Sie erklären oder zeigen, wie Sie es aussehen soll, und wie es aussehen wie zur Zeit? – AVAVT

+0

Ich möchte es einfach auf die Breite und Höhe des UI Image anpassen und es ausschneiden. damit keine Dehnung auf dem Bild erscheint. – DevUsman

+0

Können Sie die Breite/Höhe der Bildkomponente vordefinieren? In diesem Fall können wir es mit einer Maske machen. – AVAVT

Antwort

0

Dies ist eine Möglichkeit, die ich mir vorstellen kann, mit 2 Bildern. Das äußere Bild wird in der gewünschten Größe festgelegt und haben eine Maske Komponente:

enter image description here

das innere Bild in der Mitte des Außen Bild gesetzt ist, und skaliert das äußere Bild zu passen (entweder programmatisch oder von Hand) Es wird durch die Maske des äußeren Bildes beschnitten und zeigt nur den gewünschten Bereich an.

enter image description here

Quelle

2017-02-25 11:29:52 AVAVT

Verwandte Themen

 Verwandte Themen