Как создать элемент с приподнятой панелью вкладок, подобный тому, который был найден в Instagram, с помощью Titanium?

Question

Я пытаюсь создать меню, подобное меню в Instragram, с центральным элементом, использующим специальный дизайн, но документация Titanium не предоставляет информацию об этом типе функции

Здесь есть пример с уже отвеченным вопросом: Как создать элемент с поднятой панелью вкладок, как это можно найти в Instagram? но мне нужно, чтобы он работал на титане, какие-нибудь подсказки?

Answer 1

Вы можете имитировать это, следуя этим шагам;(Это пока хакерский, но единственный способ)

1. Создать группу вкладок

   var tabGroup = Titanium.UI.createTabGroup({
       id:"bottomTabs", 
       bottom:-50
   });
   

2. Добавить вкладки столько, сколько вам нужно

   var tabTimeline = Titanium.UI.createTab({  
       icon:"icons/btn_timeline@2x.png",
       title:"Timeline",
   });
   

3. Создайте кнопку без заголовка для имитации поднятой панели вкладок, как в Instagram.

   var btnScan = Titanium.UI.createButton({
       backgroundImage:'icons/btn_action.png',
       width:46,
       height:46,
       title:'',
       bottom:0
   });
   

4. Добавьте эту кнопку кгруппа вкладок.

   tabGroup.add(btnScan);
   

(надеюсь, когда-нибудь титан будет поддерживать и более низкоуровневые API)

Answer 2

Я считаю, что Instagram написан на Objective-C. Создание настраиваемой панели вкладок в том виде, в котором они были созданы, включает создание подклассов собственной панели вкладок, но у вас нет возможности сделать это только с JS и Titanium.

Вот учебник по подделке пользовательской панели вкладок в Titanium, который включает в себя создание окна с кнопками, управляющими реальной панелью вкладок.

http://www.samjordan.co.uk/2011/02/tutorial-custom-iphone-tabbar-using-appcelerator-titanium/

Answer 3

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

Вы должны создать значки, фоны, рельефный фон и логику записи, чтобы получить эту работу, аналогичную Tab, используя доступные виджеты пользовательского интерфейса, такие как views, imageview и labe.

Надеюсь, вы сможете написать логику для этого. Насколько мне известно, это не встроенная вкладка, это пользовательская вкладка.