Alignment (Flexbox)
Flexbox work, implementation nuances in FGX Native, and advice on what approaches are best used for your projects.
16 topics in this forum
-
В стиле TfgCollectionView задал две метки с выравниванием Relative. Одна стала сверху, вторая снизу. Как их поменять местами? Ламерский, возможно, вопрос, но, честно, весь мозг сломал...
-
-
- 2 replies
- 105 views
- 1 follower
-
-
На форме лежит лайаут layFilter с такими параметрами AlignmentChildren: AlignContent = FlexStart AlignItems = FlexStart Direction = Raw JustifyContent = FlexStart Wrap = WrapС помощью такого кода по тапу на отдельно лежащую кнопку добавляю кнопки, которые создаю динамически в этот лайаут. При заполнении, естественно, кнопки в соответствии с Wrap = Wrap переносятся на новую строку. Хочу растягивать высоту лайаута, чтобы кнопки не "прятались", но независимо от того, в какой строке по счету находится вновь созданная кнопка, её Position.Y = 0. Как подсчитать новую высоту лайаута без перебора ширин всех кнопок (такой путь понятен, конечно) или по-другому - как понять в какой с…
-
-
- 4 replies
- 68 views
- 2 followers
-
-
Добрый день. Хочу сделать навигацию по разделам приложения снизу (layout, на котором кнопки для перехода в раздел). Как правильно выровнять и закрепить layout в нижней части главной формы?
-
-
- 2 replies
- 63 views
- 2 followers
-
-
Здравствуйте. Постоянно бодаюсь с модераторами ruStore, очень уж они ко мне неравнодушны, видимо. Последнее моё обновление было отклонено со следующим комментарием: Приложение не прошло модерацию, поскольку приложение содержит ошибки в вёрстке. При вводе номера телефона его не видно, он весь уезжает за интерфейс. При этом на моём телефоне вроде бы ничто и никуда не уезжает. Подозреваю, что модератор использует экран с меньшим разрешением, но, возможно, и я что-то упустил. Ориентируясь на мои скриншоты, возможно ли предположить, что могло не понравиться модератору? Или быть может вы подскажете, как сделать так, чтобы при появлении виртуальной клавиатуры, прочее сод…
-
-
- 4 replies
- 79 views
- 2 followers
-
-
Вот три лайаута, в которых по пять лайаутов с одинаковыми настройками Alignment и AlignmrntChildren. Во внутренних лайаутах кнопка размера 10*10. При увеличении ширины кнопки, лайаут, в котором она находится, начинает расширяться, уменьшая ширины соседних лайаутов. Почему? Margins равны нулю, места хватает. Мне надо в рантайме изменить размер кнопки (и высоту, и ширину), а визуально видно, как соседние кнопки начинают смещаться. В прицепе пример, я его даже не запускал, просто в дизайнтайме меняю ширину кнопки и вижу, что я что-то не понимаю. Либо раньше не замечал, либо что-то изменилось. 20231019.zip
-
-
- 7 replies
- 128 views
- 1 follower
-
-
Probably this is a silly question... anyway: how do I change the order of some components on a form? As an example, I created 3 buttons (fgbutton1, fgbutton2, fgbutton3), in that order, but I want them appearing in another sequence (fgbutton3, fgbutton2, fgbutton1, or fgbutton3, fgbutton1, fgbutton2). If the PositionMode is set to absolute all is OK, but when I switch to PositionMode=Relative they are positioned as per creation order. Is there a way to reorder them also in Relative positioning?
-
-
- 2 replies
- 65 views
-
-
Добрый день. Подскажите, пожалуйста, как с использованием PositionMode := Relative расположить индикатор внутри круга, а круг в центре Layout, как на скрине? Чтобы не вычислять абсолютные координаты. Что-то я не соображу 🙃
-
-
- 2 replies
- 100 views
-
-
Всех приветствую. У меня кроссплатформенное приложение, в котором для мобильных устройств я использую FGX, для Windows - VCL, а для macos - FMX. Разного рода динамический интерфейс в моём приложении создаётся в реалтайме посредством скриптов (FastScript). Мне просто-таки катастрофически необходим единый механизм выравнивания контролов, в результате чего я подумал, а почему бы не встроить FlexBox в мой скриптовый движок для VCL и FMX... Можно ли подглядеть на реализацию FlexBox, в FGX и если можно, ткните, пожалуйста, носом, где она расположилась? Если соответствующих исходников в релизе не предусмотрено, можно ли запросить их хотя бы фрагментарно? Или с учётом того, что…
-
-
- 2 replies
- 145 views
- 1 follower
-
-
Добрый день. Возникла задача отобразить fgCardPanel на выдвижной панели, что бы она была выровнена по центру(по горизонтали) и ограничена по ширине. В дизайнере вроде сделал: Скрытый текст Но в runtime панель прижимается к левому краю: Скрытый текст Screenrecorder-2021-05-18-14-21-39-923.mp4 Что не так делаю? Project2.zip fgx 1.10.1.0
-
- 3 replies
- 137 views
- 2 followers
-
-
Доброго Вам. Так вроде относительно с разметкой немного разобрался (ну мне так кажется :)) но все же есть вопросы... Вопрос: Не соображу, есть ли возможность провернуть такой трюк чисто на настройках в дизайнере?: Спасибо
-
-
- 2 replies
- 126 views
- 1 follower
-
-
как поставить CardPanel прямо в центр? а то она на других устройствах на левом крае и т.д
-
- 1 reply
- 100 views
-
-
Добрый день! Не пойму как такое сверстать в FGX помогите пжл в FMX было понятно вложил объект TArc в TArc сделал Align Content, после в верхний TArc добавил TText и все... Help plz
-
-
- 3 replies
- 153 views
-
-
Рисунок для иллюстрации вопроса. Как при изменении свитча Checked/Unchecked поменять местами два лайаута, при условии, что у всех трех PositionMode = Relative? Делаю у всех Visible = False, потом по очереди (начиная с 3-его) показываю - не меняется. Делаю невидимыми, меняю Position.Y, показываю по очереди - всё равно не меняется. Что не так? (А еще хорошо бы еще прикрутить FadeOut и FadeIn...)
-
-
- 3 replies
- 120 views
- 1 follower
-
-
Добрый день, есть следующий набор контролов <div layout="width: 360; height: 510; top: 80; left: 0;" style="align-content: stretch; flex-grow: 1; " > <div layout="width: 360; height: 270; top: 0; left: 0;" style="align-content: stretch; flex-grow: 1; " > <div layout="width: 360; height: 236; top: 0; left: 0;" style="flex-direction: row; align-content: stretch; height: 236px; " ></div> </div> <div layout="width: 360; height: 240; top: 270; left: 0;" style="align-content: stretch; height: 240px; min-height: 50px; " > <div layout="width: 360; height: 50; top: 0; left: 0;" style="flex-direction: row; align-content: stre…
-
-
- 6 replies
- 115 views
-
-
Добрый день! Есть три блока с компонентами внутри, например три лэйаута (чёрненькие). Сейчас между блоками фиксированное расстояние. При таком подходе блоки могут не вместиться на некоторых моделях телефона. Мне кажется можно/нужно использовать TfgSpacer. На рисунке примерное расположение, черные это компоненты, которые не должны растягиваться, а красные - это спайсеры, которые должны пропорционально растягиваться. Вопрос, как настроить эти спайсеры, чтобы их размер был в пропорции 2:1:2 ? Или если спайсеры это не про то, то тогда как лучше реализовать?
-
-
- 2 replies
- 126 views
- 1 follower
-
-
Добрый день. Потребовалось мне сделать форму загрузки. Видел я ее так Подложка с картинкой, а поверху ProgressBar and Label Попытался положить картинку на форму как BackGroundName, ужаснулся результату, убрал, пока никто не видел. Решил положить TfgImage с картинкой с position=Relative и FlexGrow=1 А сверху ProgressBar and Label с position=Absolute и положением ? Одним словом как абсолютные положения центрировать ? Не хочу микроскоп как молоток использовать Спасибо.
-
-
- 2 replies
- 255 views
-
Recently Browsing 0
- No registered users viewing this page.