Новая система пользовательского интерфейса Unity3D и представления списка

Я пытаюсь создать представление списка с новым пользовательским интерфейсом Unity (2014 г.). Вертикальный и прокручиваемый список должен содержать кнопки с изображениями, которые должны сохранять свое соотношение сторон в зависимости от назначенного им изображения! Все кнопки должны растягиваться на ширину экрана. У кнопок не должно быть промежутка между следующей. (очень похоже на UITableView в iOS)

введите описание изображения здесь

Я обнаружил, что VerticalLayoutGroup, которая поставляется с новым пользовательским интерфейсом, мне не поможет, поскольку она плохо работает, встроенная в ScrollRect. Я думаю, что потребуется изменить размер в зависимости от содержащихся элементов, чтобы заставить его работать с ScrollRect.

Другая проблема заключается в том, что я не мог заставить кнопки сохранять соотношение сторон ширины к высоте, что я решил, написав небольшой скрипт (см. Ниже).

Чтобы действительно достичь желаемого эффекта списка, я создал Canvas с ScrollRect, который затем содержит RectTransform для моего настраиваемого скрипта ListLayout. Потомками RectTransforms являются кнопки.

Структура выглядит так:

введите описание изображения здесь

Каждый элемент в списке получает сценарий сохранения аспекта, который выглядит так:

public class KeepAspect : MonoBehaviour {

    public Sprite sprite;
    public float aspect = 1;

    void Start() {
        if (sprite != null) {
            aspect = sprite.bounds.size.x / sprite.bounds.size.y;
        }
    }

    void Update() {
        RectTransform rectTransform = GetComponent<RectTransform>();
        Rect rect = rectTransform.rect;
        rectTransform.sizeDelta = new Vector2(rect.width, rect.width * (1f / aspect));
    }
}

Мой собственный скрипт ListLayout, который вычисляет его высоту в зависимости от содержащихся элементов:

public class ListLayout : MonoBehaviour {

    public enum Direction { Vertical, Horizontal }

    public Direction direction = Direction.Vertical;
    public float spacing = 0;


    void Start() {
    }

    RectTransform[] GetItems() {
        RectTransform rect = GetComponent<RectTransform>();
        RectTransform[] items = new RectTransform[rect.childCount];
        for (int i = 0; i < rect.childCount; i++) {
            items[i] = rect.GetChild(i).GetComponent<RectTransform>();
        }
        return items;
    }

    void Update() {

        RectTransform rectTransform = GetComponent<RectTransform>();
        RectTransform[] items = GetItems();

        // stick together
        if (direction == Direction.Vertical) {

            float y = 0;

            foreach (RectTransform item in items) {
                Rect rect = item.rect;
                item.anchoredPosition = new Vector2(0, -y);
                item.sizeDelta = new Vector2(rectTransform.rect.width, rect.height);
                y += rect.height + spacing;
            }

            // adjust height
            rectTransform.sizeDelta = new Vector2(rectTransform.sizeDelta.x, y);
        }

        // TODO: horizontal layout
    }
}

У меня к этому подходу два вопроса:

1) Есть ли способ сделать просмотр списка без пользовательских (уродливых) скриптов? Там должен быть лучший способ?

2) В сценарии KeepAspect я хотел бы получить доступ к спрайту из GameObject автоматически. Дело в том, что Sprite содержится в скрипте изображения новой системы пользовательского интерфейса, и мне кажется, что я не могу получить к нему доступ. MonoDevelop не может ссылаться на это? Или я что-то упускаю?


listview user-interface unity3d c# monodevelop
person Gering    schedule 15.09.2014    source источник

Ответы (2)


arrow_upward
6
arrow_downward

Вы должны использовать новое пространство имен пользовательского интерфейса Unity для доступа к новым классам, методам и свойствам пользовательского интерфейса.

Например:

using UnityEngine;
using UnityEngine.UI; // New Unity UI system from Unity 4.6 version

namespace TestExample {
    public class TestNewUI : MonoBehaviour 
    {
        public Image image;

        public Slider slider;

        private Sprite _sprite;

        void Start()
        {
            _sprite = image.sprite;
        }
    }
}

http://docs.unity3d.com/460/Documentation/ScriptReference/UI.Image.html < / а>

https://www.youtube.com/watch?v=TRLsmuYMs8Q

Думаю, это вам поможет ;-)

person Valera Kogut    schedule 29.09.2014

arrow_upward
0
arrow_downward

TablePro доступен для Unity 5+ и делает это, а также многое другое прямо из коробки, если вас интересует стандартное решение: http://u3d.as/ipR

person slumtrimpet    schedule 25.11.2015