Jump to content

Recommended Posts

Posted

В документации на сайте страница "Компоненты -> Меню" не готова.

Хотелось бы понять, можно ли на данный момент сделать меню с иконкой гамбургера, и если да - как?

Posted (edited)

В моих приложениях делал меню для дровера (боковой шторки) сначала на основе TfgListMenu. Тут все просто:

Правой кнопкой по Items добавляем итемы и настраиваем нужные свойства. Иконку бросаем в Asset'ы и указываем в IconName. Все элементарно. НО! Так нельзя менять шрифт для надписей меню

1.PNG.7002576a6887086617446b34d74368bd.PNG

 

Потом я переделал свои меню на основе TfgCollectionView - так больше телодвижений, но зато полный контроль над каждым элементом

2.PNG.b285893ee794a40afa86f85308682e0a.PNG

 

Edited by sinuke
  • Like 2
  • Thanks 1
Posted

От себя добавлю, добавьте TfgNavigator bar и у TfgDrawerLayout  добавьте в свойство ToggleControl Его.

Картинку с бигмаком спионерьте у material.io 

И добавьте в Asset

Получится вот такое (у Вас, надеюсь будет лучше).

Screenshot_2020-01-17-17-42-35.thumb.png.cb51d35f4d7825b1a8dee8c2e6de6c59.png

  • Like 1
  • Thanks 1
Posted (edited)

В библиотеке есть пример: "DrawerDemo".
Там на fgNavigationBar1 иконка "Гамбургера", при нажатии на которую выдвигается "Drawer".

14.png

В "FGX Assets manager" видно как иконка подключается:

12.png

Иконку для своего приложения можно взять из папки примера:

13.png

Меню (TfgListMenu или  TfgCollectionView) размещаем на "Drawer".

Edited by Александр Клопоцкий
  • Like 1

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...