Custom Tab Bar Swift

Question

Привет, я искал все, и я до сих пор не могу найти никакой информации, которая помогла бы мне с этой задачей. Как создать пользовательские панели вкладок, которая выглядит, как это с помощью Swift:

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

Панель вкладок будет выглядеть следующим образом, и выбранный вкладка будет выглядеть как средний значок, у меня есть все активы для этого, но как бы настроить табулятор, чтобы выглядеть так?

Answer 1

Вам нужно создать иконки самостоятельно в отдельном программном обеспечении, а затем импортировать их в Images.xcassets, а затем применить их с помощью main.storyboard

Answer 2

Это очень легко настроить изображение на вкладке bar view controller все, что вам нужно, это разные изображения для вкладок, которые вы хотите использовать. прежде всего, откройте панель рассказов и выберите вкладку [т. е. контроллер отображения панели таблеток, за которым следует контроллер навигации, а затем контроллер вида, например, если вы установили, вы получите вкладки] и предоставите изображение в элементе панели. это показано на рисунке

И если вы хотите, чтобы сделать выбранную вкладку с другим изображением просто описывают, что в приложение делегата

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { 
[[UITabBar appearance] setTintColor:[UIColor blackColor]]; 
[[UITabBar appearance] setSelectionIndicatorImage:[UIImage imageNamed:@"image1"]];} 

этот кусок кода для изменения выбранной вкладки в объективном C

Answer 3

Попробуйте этот код в приложенииDidFinishLaunchingWithOption. "tabbarbg.png" высота изображения = 49.

UITabBar.appearance().tintColor = UIColor.lightGrayColor()//selected tab color 
UITabBar.appearance().backgroundImage = UIImage(named:"tabbarbg.png") 
UITabBar.appearance().barTintColor = UIColor.whiteColor() 

Answer 4

Во-первых, вам понадобятся активы в форматах @ 2x и @ 3x (@ 1x, если вы разрабатываете для iOS 7). Иконки должны быть квадратным с набором белых иконок в нижеприведенных размерах и иконке с шестигранным цветом #2E967E и фоном альфа с размерами:

• значок @ 2x = 50х50
• значок @ 3x = 75x75

Вам нужно будет перейти на images.xcassets и создать шесть новых наборов изображений. 3 набора будут для белых значков и трех для цветных. Для всех шести наборов изображений перейдите в самый правый значок (который выглядит как ползунок) в инспекторе атрибутов и измените режим рендеринга на «Исходное изображение»

Теперь перейдите к контроллеру панели вкладок, выберите элементы табуляции и введите имя изображения соответствует белый в разделе «Изображение», а затем выберите его. Затем сделайте то же самое для выбранного изображения, за исключением этого времени, выберите цветной значок. Удалите текстовую метку и перейдите в раздел линейки и измените вставки верхнего и нижнего изображений (где верхняя часть = отрицательная нижняя), чтобы сделать изображение центрированным.

Наконец, перейдите на панель вкладок (щелкнув вкладку «Панель управления панелью» -> «Панель управления вкладками» -> панель вкладок в контуре документа), и перейдите к указателю атрибутов и оттенку клика и измените шестнадцатеричный код на 47E9C3. Снимите флажок с полупрозрачного.

Теперь все должно быть сделано!