Исправьте "FlowLayoutGroup" в Unity3D, согласно HorizontalLayoutGroup и т. д
говорите, что вы хотите обычный промыть левый поток в Unity UI. Примеры:
на самом деле, чтобы ответить этот вопрос я уже достиг полного левого потока "The hard way". Установите "вертикальную группу строк" в Unity autolayout, прикрепите FattieFlow на верхнем уровне,
public class FattieFlow : MonoBehaviour
{
public GameObject modelRow;
public GameObject modelItem;
public void Flow()
{
screen = GetComponent<RectTransform>().rect.width;
// move downwards any which need to be moved downwards
int row = 0;
while (row < transform.childCount) // (dynamic)
{
if (transform.GetChild(row).gameObject.activeSelf) FlowRow(row);
++row;
}
// et cetera....
}
}
FattieFlow
будет полностью повторно пропускать его флеш-влево (манипулируя линиями, трудный путь.) Вот скрипт, демо и т. д.: трудный путь.
но это плохое решение.
в идеале, начиная с UI.HorizontalLayoutGroup и пользовательский интерфейс.VerticalLayoutGroup должно быть возможно создать
FlowLayoutGroup
который выкладывает, флеш слева, в блок. (И действительно, он должен расширять и так далее блок по мере необходимости ... точно как HorizontalLayoutGroup
поведение).
казалось бы, что вам придется начать с HorizontalOrVerticalLayoutGroup
и работать оттуда.
как бы это сделать (если это не уже есть)?
1 ответов
до сих пор я придумал это:
FlowLayoutGroup
using UnityEngine;
using System.Collections;
using UnityEngine.UI;
[AddComponentMenu("Layout/Flow Layout Group", 153)]
public class FlowLayoutGroup : LayoutGroup
{
public enum Corner {
UpperLeft = 0,
UpperRight = 1,
LowerLeft = 2,
LowerRight = 3
}
public enum Constraint {
Flexible = 0,
FixedColumnCount = 1,
FixedRowCount = 2
}
protected Vector2 m_CellSize = new Vector2(100, 100);
public Vector2 cellSize {
get { return m_CellSize; }
set { SetProperty(ref m_CellSize, value); }
}
[SerializeField] protected Vector2 m_Spacing = Vector2.zero;
public Vector2 spacing {
get { return m_Spacing; }
set { SetProperty(ref m_Spacing, value); }
}
protected FlowLayoutGroup()
{}
#if UNITY_EDITOR
protected override void OnValidate()
{
base.OnValidate();
}
#endif
public override void CalculateLayoutInputHorizontal()
{
base.CalculateLayoutInputHorizontal();
int minColumns = 0;
int preferredColumns = 0;
minColumns = 1;
preferredColumns = Mathf.CeilToInt(Mathf.Sqrt(rectChildren.Count));
SetLayoutInputForAxis(
padding.horizontal + (cellSize.x + spacing.x) * minColumns - spacing.x,
padding.horizontal + (cellSize.x + spacing.x) * preferredColumns - spacing.x,
-1, 0);
}
public override void CalculateLayoutInputVertical()
{
int minRows = 0;
float width = rectTransform.rect.size.x;
int cellCountX = Mathf.Max(1, Mathf.FloorToInt((width - padding.horizontal + spacing.x + 0.001f) / (cellSize.x + spacing.x)));
// minRows = Mathf.CeilToInt(rectChildren.Count / (float)cellCountX);
minRows = 1;
float minSpace = padding.vertical + (cellSize.y + spacing.y) * minRows - spacing.y;
SetLayoutInputForAxis(minSpace, minSpace, -1, 1);
}
public override void SetLayoutHorizontal()
{
SetCellsAlongAxis(0);
}
public override void SetLayoutVertical()
{
SetCellsAlongAxis(1);
}
int cellsPerMainAxis, actualCellCountX, actualCellCountY;
int positionX;
int positionY;
float totalWidth = 0;
float totalHeight = 0;
float lastMaxHeight = 0;
private void SetCellsAlongAxis(int axis)
{
// Normally a Layout Controller should only set horizontal values when invoked for the horizontal axis
// and only vertical values when invoked for the vertical axis.
// However, in this case we set both the horizontal and vertical position when invoked for the vertical axis.
// Since we only set the horizontal position and not the size, it shouldn't affect children's layout,
// and thus shouldn't break the rule that all horizontal layout must be calculated before all vertical layout.
float width = rectTransform.rect.size.x;
float height = rectTransform.rect.size.y;
int cellCountX = 1;
int cellCountY = 1;
if (cellSize.x + spacing.x <= 0)
cellCountX = int.MaxValue;
else
cellCountX = Mathf.Max(1, Mathf.FloorToInt((width - padding.horizontal + spacing.x + 0.001f) / (cellSize.x + spacing.x)));
if (cellSize.y + spacing.y <= 0)
cellCountY = int.MaxValue;
else
cellCountY = Mathf.Max(1, Mathf.FloorToInt((height - padding.vertical + spacing.y + 0.001f) / (cellSize.y + spacing.y)));
cellsPerMainAxis = cellCountX;
actualCellCountX = Mathf.Clamp(cellCountX, 1, rectChildren.Count);
actualCellCountY = Mathf.Clamp(cellCountY, 1, Mathf.CeilToInt(rectChildren.Count / (float)cellsPerMainAxis));
Vector2 requiredSpace = new Vector2(
actualCellCountX * cellSize.x + (actualCellCountX - 1) * spacing.x,
actualCellCountY * cellSize.y + (actualCellCountY - 1) * spacing.y
);
Vector2 startOffset = new Vector2(
GetStartOffset(0, requiredSpace.x),
GetStartOffset(1, requiredSpace.y)
);
totalWidth = 0;
totalHeight = 0;
Vector2 currentSpacing = Vector2.zero;
for (int i = 0; i < rectChildren.Count; i++)
{
SetChildAlongAxis(rectChildren[i], 0, startOffset.x + totalWidth /*+ currentSpacing[0]*/, rectChildren[i].rect.size.x);
SetChildAlongAxis(rectChildren[i], 1, startOffset.y + totalHeight /*+ currentSpacing[1]*/, rectChildren[i].rect.size.y);
currentSpacing = spacing;
totalWidth += rectChildren[i].rect.width + currentSpacing[0];
if (rectChildren[i].rect.height > lastMaxHeight)
{
lastMaxHeight = rectChildren[i].rect.height;
}
if (i<rectChildren.Count-1)
{
if (totalWidth + rectChildren[i+1].rect.width + currentSpacing[0] > width )
{
totalWidth = 0;
totalHeight += lastMaxHeight + currentSpacing[1];
lastMaxHeight = 0;
}
}
}
}
}
как использовать
- прикрепите этот скрипт к панели так же, как вы использовали бы другие группы макетов, такие как GridViewLayout
- добавить элемент пользовательского интерфейса (кнопки, изображения и т. д.) В качестве дочернего элемента панели.
- добавить
ContentSizeFitter
компонент для детей и setHorizontal Fit
иVertical Fit
свойства Предпочтительный Размер - добавить
Layout Element
компонент для ребенка и setPreferred Width
иPreferred Height
значения. Эти значения будут управлять размером элемента UI. Вы также можете использоватьMin Width
и . - добавьте столько элементов, сколько хотите, и примените ту же процедуру, чтобы получить желаемый размер.
вот как это выглядит в окне инспектора :
испытано с кнопками различных размеров и оно работает что ж.
Примечание :
- я изменил
GridLayoutGroup
класс из кода Unity UI, чтобы получить желаемое поведение. Как это происходит отLayoutGroup
какие элементы управления детскийRectTransform
свойства. Нам нужно использоватьContentSizeFitter
иLayoutElement
на детей, чтобы изменить их размер. - он работает только для горизонтального потока, начиная с верхнего левого угла в отличие от
GridLayout
что позволяет начать вертикаль и начать от другого и углы тоже. Я не считаю это ограничением, поскольку это только поведение, которое можно ожидать от Группа Компоновки Потока. - я также добавил репозиторий на GithHub если кто-то хочет внести свой вклад в это.
спасибо!