Jump to content

Alignment (Flexbox)

Flexbox work, implementation nuances in FGX Native, and advice on what approaches are best used for your projects.

  1. В стиле TfgCollectionView задал две метки с выравниванием Relative. Одна стала сверху, вторая снизу. Как их поменять местами? Ламерский, возможно, вопрос, но, честно, весь мозг сломал...

  2. На форме лежит лайаут layFilter с такими параметрами AlignmentChildren: AlignContent = FlexStart AlignItems = FlexStart Direction = Raw JustifyContent = FlexStart Wrap = WrapС помощью такого кода по тапу на отдельно лежащую кнопку добавляю кнопки, которые создаю динамически в этот лайаут. При заполнении, естественно, кнопки в соответствии с Wrap = Wrap переносятся на новую строку. Хочу растягивать высоту лайаута, чтобы кнопки не "прятались", но независимо от того, в какой строке по счету находится вновь созданная кнопка, её Position.Y = 0. Как подсчитать новую высоту лайаута без перебора ширин всех кнопок (такой путь понятен, конечно) или по-другому - как понять в какой с…

  3. Добрый день. Хочу сделать навигацию по разделам приложения снизу (layout, на котором кнопки для перехода в раздел). Как правильно выровнять и закрепить layout в нижней части главной формы?

  4. Здравствуйте. Постоянно бодаюсь с модераторами ruStore, очень уж они ко мне неравнодушны, видимо. Последнее моё обновление было отклонено со следующим комментарием: Приложение не прошло модерацию, поскольку приложение содержит ошибки в вёрстке. При вводе номера телефона его не видно, он весь уезжает за интерфейс. При этом на моём телефоне вроде бы ничто и никуда не уезжает. Подозреваю, что модератор использует экран с меньшим разрешением, но, возможно, и я что-то упустил. Ориентируясь на мои скриншоты, возможно ли предположить, что могло не понравиться модератору? Или быть может вы подскажете, как сделать так, чтобы при появлении виртуальной клавиатуры, прочее сод…

  5. Вот три лайаута, в которых по пять лайаутов с одинаковыми настройками Alignment и AlignmrntChildren. Во внутренних лайаутах кнопка размера 10*10. При увеличении ширины кнопки, лайаут, в котором она находится, начинает расширяться, уменьшая ширины соседних лайаутов. Почему? Margins равны нулю, места хватает. Мне надо в рантайме изменить размер кнопки (и высоту, и ширину), а визуально видно, как соседние кнопки начинают смещаться. В прицепе пример, я его даже не запускал, просто в дизайнтайме меняю ширину кнопки и вижу, что я что-то не понимаю. Либо раньше не замечал, либо что-то изменилось. 20231019.zip

  6. 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?

      • Like
    • 2 replies
    • 65 views
  7. Добрый день. Подскажите, пожалуйста, как с использованием PositionMode := Relative расположить индикатор внутри круга, а круг в центре Layout, как на скрине? Чтобы не вычислять абсолютные координаты. Что-то я не соображу 🙃

      • Like
    • 2 replies
    • 100 views
  8. Всех приветствую. У меня кроссплатформенное приложение, в котором для мобильных устройств я использую FGX, для Windows - VCL, а для macos - FMX. Разного рода динамический интерфейс в моём приложении создаётся в реалтайме посредством скриптов (FastScript). Мне просто-таки катастрофически необходим единый механизм выравнивания контролов, в результате чего я подумал, а почему бы не встроить FlexBox в мой скриптовый движок для VCL и FMX... Можно ли подглядеть на реализацию FlexBox, в FGX и если можно, ткните, пожалуйста, носом, где она расположилась? Если соответствующих исходников в релизе не предусмотрено, можно ли запросить их хотя бы фрагментарно? Или с учётом того, что…

  9. Добрый день. Возникла задача отобразить fgCardPanel на выдвижной панели, что бы она была выровнена по центру(по горизонтали) и ограничена по ширине. В дизайнере вроде сделал: Скрытый текст Но в runtime панель прижимается к левому краю: Скрытый текст Screenrecorder-2021-05-18-14-21-39-923.mp4 Что не так делаю? Project2.zip fgx 1.10.1.0

  10. Доброго Вам. Так вроде относительно с разметкой немного разобрался (ну мне так кажется :)) но все же есть вопросы... Вопрос: Не соображу, есть ли возможность провернуть такой трюк чисто на настройках в дизайнере?: Спасибо

  11. как поставить CardPanel прямо в центр? а то она на других устройствах на левом крае и т.д

    • 1 reply
    • 100 views
  12. Добрый день! Не пойму как такое сверстать в FGX помогите пжл в FMX было понятно вложил объект TArc в TArc сделал Align Content, после в верхний TArc добавил TText и все... Help plz

  13. Рисунок для иллюстрации вопроса. Как при изменении свитча Checked/Unchecked поменять местами два лайаута, при условии, что у всех трех PositionMode = Relative? Делаю у всех Visible = False, потом по очереди (начиная с 3-его) показываю - не меняется. Делаю невидимыми, меняю Position.Y, показываю по очереди - всё равно не меняется. Что не так? (А еще хорошо бы еще прикрутить FadeOut и FadeIn...)

  14. Добрый день, есть следующий набор контролов <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…

      • Like
      • Thanks
    • 6 replies
    • 115 views
  15. Добрый день! Есть три блока с компонентами внутри, например три лэйаута (чёрненькие). Сейчас между блоками фиксированное расстояние. При таком подходе блоки могут не вместиться на некоторых моделях телефона. Мне кажется можно/нужно использовать TfgSpacer. На рисунке примерное расположение, черные это компоненты, которые не должны растягиваться, а красные - это спайсеры, которые должны пропорционально растягиваться. Вопрос, как настроить эти спайсеры, чтобы их размер был в пропорции 2:1:2 ? Или если спайсеры это не про то, то тогда как лучше реализовать?

  16. Добрый день. Потребовалось мне сделать форму загрузки. Видел я ее так Подложка с картинкой, а поверху ProgressBar and Label Попытался положить картинку на форму как BackGroundName, ужаснулся результату, убрал, пока никто не видел. Решил положить TfgImage с картинкой с position=Relative и FlexGrow=1 А сверху ProgressBar and Label с position=Absolute и положением ? Одним словом как абсолютные положения центрировать ? Не хочу микроскоп как молоток использовать Спасибо.

      • Like
    • 2 replies
    • 255 views

Recently Browsing 0

  • No registered users viewing this page.