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 。歡迎大家訪問!
相關文章
- iOS狀態列和導航欄的設定iOS
- android 自定義狀態列和導航欄分析與實現Android
- 直播app原始碼,狀態列和導航欄設定成透明狀態APP原始碼
- iOS專案開發實戰——自定義控制元件背景與顏色iOS控制元件
- ios自定義簡約導航欄iOS
- iOS專案開發實戰——配置自定義動畫iOS動畫
- IOS設定狀態列的背景顏色iOS
- 管理系統狀態列和導航欄(翻譯)
- Android沉浸式設計(狀態列和導航欄)——封裝Android封裝
- 直播app系統原始碼,Flutter中導航欄和狀態列設定成透明APP原始碼Flutter
- 關於iOS 狀態列、導航欄的幾處筆記iOS筆記
- ios開發筆記--狀態列的自定義,隱藏iOS筆記
- Android 顯示、隱藏狀態列和導航欄Android
- uniapp自定義導航欄APP
- flutter佈局-9-appbar導航欄和狀態列FlutterAPP
- 相容 Android 4.4 透明狀態列與導航欄Android
- iOS button背景顏色狀態設定iOS
- 微信小程式自定義導航欄微信小程式
- [小程式]高適應性的自定義導航欄開發思路
- Android 7.0 SystemUI 之啟動和狀態列和導航欄簡介AndroidSystemUI
- 直播系統開發,實現自適應手機狀態列高度的頂部導航欄
- iOS專案開發實戰——plist陣列解析iOS陣列
- iOS系統導航欄自定義標題動畫跳變解析iOS動畫
- iOS專案開發實戰——自定義圓形進度提示控制元件iOS控制元件
- 你還在發愁小程式自定義導航欄嗎?
- CSS-實戰-梯形背景導航CSS
- 影片直播系統原始碼,自定義背景和狀態管理原始碼
- flutter全屏沉浸式狀態列+標題欄|flutter凸起Tabbar導航FluttertabBar
- 【log4】window用於設定小程式的狀態列、導航條、標題、視窗背景色。
- iOS專案開發實戰——使用Xcode6設計自定義控制元件與圖形iOSXCode控制元件
- iOS定製UISearchBar導航欄 同步iOS11iOSUI
- 可以任意定製導航欄背景的一個思路
- 微信小程式自定義導航欄適配指南微信小程式
- mpvue中小程式自定義導航元件開發指南Vue元件
- iOS專案開發實戰——storyboard設定介面技巧與注意事項iOS
- iOS 導航欄背景顏色完全透明及漸變iOS
- 直播app原始碼,背景主題以及狀態列的更改和設定APP原始碼
- 短視訊平臺開發,畫面靜置時隱藏狀態列、導航欄、進度條