iOS專案開發實戰——自定義設定導航欄和狀態列背景
在iPhone的狀態列頂部,會有很多的資訊,如運營商,訊號強弱,網路狀況,時間,電量等等。我們使用很多的App,如微信,QQ等等,都會發現導航欄的背景或者說圖片都是重新設定過的,這樣就能增加使用者體驗,也能更加節省下方的螢幕空間。那如何來設定導航欄的圖片呢?
(1)首先建立一個iOS專案,語言選擇Swift。並且在Images.xcassets中拖入一張圖片,大小要自己設定好,用來作為頂部導航欄的背景。
(2)在Main.storyboard中選中ViewController,然後選擇Editor-->Embed in-->Navigation Controller.為介面增加頂部導航欄。
(3)在程式碼中實現如下:
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
initNavBarImg()
}
func initNavBarImg(){
self.navigationController?.navigationBar.setBackgroundImage(UIImage(named: "naviBar"),forBarMetrics:UIBarMetrics.Default)
self.navigationController?.navigationBar.topItem?.title="" //不設定導航欄頂部的標題,就算在storyboard中設定了標題,也會消失。
}
}
(4)然後執行程式,效果如下:發現頂部已經設定成想要的圖案了。
。
github主頁:https://github.com/chenyufeng1991 。歡迎大家訪問!
相關文章
- android 自定義狀態列和導航欄分析與實現Android
- 直播app原始碼,狀態列和導航欄設定成透明狀態APP原始碼
- 關於iOS 狀態列、導航欄的幾處筆記iOS筆記
- Android 顯示、隱藏狀態列和導航欄Android
- 直播app系統原始碼,Flutter中導航欄和狀態列設定成透明APP原始碼Flutter
- uniapp自定義導航欄APP
- 修改狀態列與導航欄顏色
- flutter佈局-9-appbar導航欄和狀態列FlutterAPP
- Android 7.0 SystemUI 之啟動和狀態列和導航欄簡介AndroidSystemUI
- 直播系統開發,實現自適應手機狀態列高度的頂部導航欄
- 微信小程式自定義導航欄微信小程式
- [小程式]高適應性的自定義導航欄開發思路
- iOS系統導航欄自定義標題動畫跳變解析iOS動畫
- 你還在發愁小程式自定義導航欄嗎?
- 影片直播系統原始碼,自定義背景和狀態管理原始碼
- 【log4】window用於設定小程式的狀態列、導航條、標題、視窗背景色。
- flutter全屏沉浸式狀態列+標題欄|flutter凸起Tabbar導航FluttertabBar
- 鴻蒙專案實戰(三):自定義彈窗開發實踐鴻蒙
- 可以任意定製導航欄背景的一個思路
- 直播app原始碼,背景主題以及狀態列的更改和設定APP原始碼
- 直播app開發,flutter 狀態列 AppBar 設定透明和半透明APPFlutter
- mpvue中小程式自定義導航元件開發指南Vue元件
- HarmonyOS NEXT 5.0自定義增強版導航欄元件|鴻蒙ArkUI自定義標題欄元件鴻蒙UI
- 短視訊平臺開發,畫面靜置時隱藏狀態列、導航欄、進度條
- 小程式自定義導航欄適配(完美版)
- 微信小程式自定義導航欄適配指南微信小程式
- 滑鼠懸浮導航欄背景和字型變色效果
- flutter 自定義tab導航-頂部導航-底部導航Flutter
- svelte自定義元件|導航條Navbar及選單欄Tabbar元件tabBar
- 直播系統原始碼,uni-app 設定狀態列背景色原始碼APP
- iOS開發:給UIWebview的導航欄新增返回、關閉按鈕iOSUIWebView
- 點選導航欄使當前欄目背景變色
- 如何修改PbootCMS預設麵包屑導航樣式及自定義設定方法boot
- PbootCMS預設麵包屑導航樣式修改及自定義的設定方法boot
- 2018.3.30 邊框應用與導航欄設定
- Flutter改變狀態列字型、狀態列背景顏色、Appbar背景顏色的方式FlutterAPP
- MUI——設定沉浸式狀態列UI
- 分析微信(iOS 版)定製導航欄按鈕的思路iOS
- android短視訊開發,自定義更改平臺主題以及狀態列樣式Android