Как разместить перекрывающиеся элементы фиксированной ширины в определенном пространстве?

Question

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

Например: я хочу разместить 4 карты шириной 500 единиц внутри белого пространства вдно шириной 1000 единиц.

ожидаемый результат: четыре карты размещены так, что они занимают 1000 единиц.

Ожидаемый результат при наличии восьми карт.

Answer 1

card_offset = (total_width - card_width) / (number_of_cards - 1) * card_index;

Пример:

1st card offset = (1000 - 500) / (4 - 1) * 0 = 0
2st card offset = (1000 - 500) / (4 - 1) * 1 = 167
3st card offset = (1000 - 500) / (4 - 1) * 2 = 334
4st card offset = (1000 - 500) / (4 - 1) * 3 = 500