TListBox [TListBox] Как отобразить итемы в виде панелей?

[uakmal]

Привет, как можно из listbox сделать список панелек для  iOS и Android? Прилагается фото панелей.

Изменено 4 июля, 2015 пользователем uakmal

[enatechno]

Почему именно из lisbox? Я думаю, для "панелек" лучше использовать TGridLayout

[Brovin Yaroslav]

Добрый день,

1. Делаете стиль для итема, в виде панельки
2. Устаналиваете в лист боксе размер итема: ItemHeight, ItemWidth.
3. Для всех итемов устанавливаете ваш стиль
4. Все готово.

P.S. TGridLayout не лучший выбор при большом количестве итемов. Так как листбокс реально грузит стили только для видимой части итемов. И при прокрутке только меняет стили местами. А TGridLayout загрузит все элементы. В итоге проигрышь по памяти и по скорости.

[Vitaldj]

Ярослав, где бы почитать поподробнее и покачественнее про изменение стилей?

[#WAMACO]

Добрый день,

1. Делаете стиль для итема, в виде панельки
2. Устаналиваете в лист боксе размер итема: ItemHeight, ItemWidth.
3. Для всех итемов устанавливаете ваш стиль
4. Все готово.

P.S. TGridLayout не лучший выбор при большом количестве итемов. Так как листбокс реально грузит стили только для видимой части итемов. И при прокрутке только меняет стили местами. А TGridLayout загрузит все элементы. В итоге проигрышь по памяти и по скорости.

а почему не ListView? он же вроде побыстрее будет или нет?

[master webs]

 

Добрый день,

1. Делаете стиль для итема, в виде панельки
2. Устаналиваете в лист боксе размер итема: ItemHeight, ItemWidth.
3. Для всех итемов устанавливаете ваш стиль
4. Все готово.

P.S. TGridLayout не лучший выбор при большом количестве итемов. Так как листбокс реально грузит стили только для видимой части итемов. И при прокрутке только меняет стили местами. А TGridLayout загрузит все элементы. В итоге проигрышь по памяти и по скорости.

Ярослав, где бы почитать поподробнее и покачественнее про изменение стилей?

 

Добрый день со стилями все очень просто кликаете по нужному компоненту правой там есть два пунк которые вам нужны 

edit custom stail (свой уникальный стиль)

edit default stail (дефолтный стиль для всех копий компонентов по умолчанию)

при клике перейдете в редактор  а там все просто  

Изменено 26 июня, 2015 пользователем master webs

[uakmal]

Добрый день,

1. Делаете стиль для итема, в виде панельки
2. Устаналиваете в лист боксе размер итема: ItemHeight, ItemWidth.
3. Для всех итемов устанавливаете ваш стиль
4. Все готово.

P.S. TGridLayout не лучший выбор при большом количестве итемов. Так как листбокс реально грузит стили только для видимой части итемов. И при прокрутке только меняет стили местами. А TGridLayout загрузит все элементы. В итоге проигрышь по памяти и по скорости.

День добрый, если не трудно подскажите, как делать стиль для итемов? Заранее спасибо.

[uakmal]

Народ, подскажите пожалуйста как сделать стиль для итемов?

[master webs]

Народ, подскажите пожалуйста как сделать стиль для итемов?

http://fire-monkey.ru/topic/1456-tlistbox-kak-otobrazit-itemy-v-vide-panelei/#entry7066

[Brovin Yaroslav]

а почему не ListView? он же вроде побыстрее будет или нет?

TListView хорош для отображения большого объема данных. Но он с точки зрения добавления отдельных полей внутрь итемов, требует дополнительных знаний. ПОэтому если данных не много, то для этих вещей хорошо подходит TListBox, с которым проще работать.

 

Поэтому нужно смотреть по ситуации.

1. Много итемов и мобильные платформы -> TListView
2. Мало итемов или настольные платформы -> TListBox

[#WAMACO]

 

а почему не ListView? он же вроде побыстрее будет или нет?

TListView хорош для отображения большого объема данных. Но он с точки зрения добавления отдельных полей внутрь итемов, требует дополнительных знаний. ПОэтому если данных не много, то для этих вещей хорошо подходит TListBox, с которым проще работать.

 

Поэтому нужно смотреть по ситуации.

1. Много итемов и мобильные платформы -> TListView
2. Мало итемов или настольные платформы -> TListBox

 

хотелось бы понять что значит "много итемов", примерная "вилка" значений!

и соответственно, "мало итемов"!

[enatechno]

По рекомендации Ярослава сделал Listbox со стилизованными панельками (тестовый проект прилагается test.zip).

Тестировал на 50 элементах с одной небольшой картинкой. Скроллинг с рывками. При компиляции на XE7/XE7upd1 наблюдается глюк: на картинке видно что текст после скроллинга вниз/вверх на некоторых кнопках не обновился (нумерация должна быть последовательная).

 

[enatechno]

По-прежнему считаю, что использование TGridPanelLayout предпочтительнее, так как имеет дополнительно функцию масштабирования. Тестировал TGridPanelLayout с 200 панельками (чужой проект).  Загрузка большого количества панелек реализована порционной подгрузкой. Когда все загрузится, то скроллинг становится плавнее чем в ListBox.

Изменено 11 июля, 2015 пользователем enatechno

[uakmal]

По-прежнему считаю, что использование TGridPanelLayout предпочтительнее, так как имеет дополнительно функцию масштабирования. Тестировал TGridPanelLayout с 200 панельками (чужой проект).  Загрузка большого количества панелек реализована порционной подгрузкой. Когда все загрузится, то скроллинг становится плавнее чем в ListBox.

Привет, есть пример использования TGridPanelLayout?

[xenon54]

50 элементов для ListBox в мобильной платформе это ооочень много. Вообще, где-то писали что ListBox следует использовать не более чем как для меню, т.е. количество элементов не более десятка, на вскидку. Если у вас список более 10 элементов, листбокс лучше не использовать. ListView очень хорош с большим количеством элементов. Основная его фишка ускорения работы, как я  понял, это то что он не держит кучу чилдрен контролов у себя и всю отрисовку делает только он сам, а вот листбокс это куча контролов, каждый из которых занимается отрисовкой. Есть у тебя 50  итемов, на них на каждом по 3 контрола, считай метод отрисовки вызовется 201 раз (1=сам листбокс, 50 это каждый итем, и еще 150 это по 3 контрола в каждом итеме).

Изменено 30 июля, 2015 пользователем xenon54

[AngryOwl]

Не в первый раз вижу эту тему...

TGridPanelLayout - далеко не предпочтительный вариант. Совсем.

У ListBox с его Item'ами намного больше возможностей.

С [xenon54] соглашусь, но не полностью. ListView действительно хорош (для мобильной платформы), однако он намного сложнее.

 

Примеры применения стилей для ListBoxItem (не сочтите за рекламу, так проще было... нащелкал скринов для примера):

 

 

Везде - ListBox.

На последнем скрине - всплывающие сообщения на экране. Реализовано так же - прозрачная форма, ListBox и Item'ы со своим стилем В ВИДЕ ПАНЕЛЕК )

 

[Brovin Yaroslav]

AlexG, Красота

[AngryOwl]

AlexG, Красота

Спасибо!

[AngryOwl]

Кстати говоря, мобильное приложение будет выглядеть практически так же, из-за применения стилей.

Единственное что пришлось сделать иначе (в нашем случае) - это список контактов (ListView). Так как у ListBox под Android не удобно реализована реакция на OnClick/OnTap и т.п. (а именно - при попытке прокрутки списка часто возникает событие OnClick). Кроме того, в данном случае, скорость работы ListView намного выше скорости работы ListBox. ListView быстрее, плавнее и т.п. Но вот реализация, повторюсь, - сложнее. Не сильно, но все же.

А вот чат сделан одинаково. Код для него один, стиль - один, все абсолютно идентично. Работает достаточно шустро. (в будущем, наверное, и чат переделаем на ListView, потому-что он подразумевает возможное наличие в "сообщениях" различных элементов: ссылки, картинки и т.д. А для них требуется уже более быстрая отрисовка).

 

 

Я бы написал, по возможности, все устройства на которых все это тестилось, и как и где что работает (включая некоторые отличия самих устройств, из-за которых иногда наблюдаются артефакты (!! это не из-за FMX, замечу, а именно из-за аппаратных особенностей)), но думаю это надо где-то не тут писать...

Изменено 30 июля, 2015 пользователем AlexG

[Brovin Yaroslav]

Лучше баги заводить в QC, указывать девайсы и прикрепить обязательно проект со скриншотами проблем. Такие баги всегда имеют приоритет над другими.

[krapotkin]

OFF:

вот ведь отличный кандидат в т.н. сниппеты для  платформы

те, что приложены к delphi, обычно сильно упрощены,

и как только делаешь шаг в сторону, оказываешься в окружении грабель...

[xenon54]

Да, с листвью сложней, но со временем почти все списки в приложении пришлось переделать на ListView ради производительности. Сделать с LV можно почти все что можно сделать с LB, просто сложней.

[AngryOwl]

[xenon54] Если речь идет только о десктопном приложении, то у ListBox более "богатый функционал".

Например тот же ScrollBar - можно включить/выключить, сделать узким и исчезающим, сделать плавную прокрутку, анимацию AniCalculations.Animation и прочее.

 

Возможно я ошибаюсь на счет функциональности ListView, но ListBox намного удобнее во многих случаях.

В обоих отмеченных случаях используется ListBox. Он позволяет удобно разместить элементы с "автовыравниванием" по ширине, "не напрягая мозг"....

вот еще пример

 

Согласитесь - разнообразие использования велико. Для многих, использование TListBox будет наиболее оптимальным вариантом. Здесь главное - просто создавать нужные вам стили...

Изменено 30 июля, 2015 пользователем AlexG

[AngryOwl]

И да, еще один важный момент!

Вы можете в ListBoxItem легко и просто помещать любые элементы, что очень (очень!) сильно упрощает процесс проектирования/создания интерфейса.

 

З.Ы. отмечу, однако, что не стоит злоупотреблять кол-вом компонентов, размещенных на ListBoxItem - это, как-раз, повлечет "тормоза" при отрисовке. )

[uakmal]

И да, еще один важный момент!

Вы можете в ListBoxItem легко и просто помещать любые элементы, что очень (очень!) сильно упрощает процесс проектирования/создания интерфейса.

14.jpg

 

З.Ы. отмечу, однако, что не стоит злоупотреблять кол-вом компонентов, размещенных на ListBoxItem - это, как-раз, повлечет "тормоза" при отрисовке. )

 

Что за проект? Если не трудно скинь код реализации панелей в listbox.  Заранее спасибо!

[Равиль Зарипов (ZuBy)]

я же наоборот использую ListView, для достижении своих целей

Изменено 30 июля, 2015 пользователем ZuBy