コンテンツと調和させるためにナビゲーションバーが必要になるアプリがあります。
誰かがこの迷惑な小さなバーを取り除くか色を変える方法を知っていますか?
下の画像では、「ルートビューコントローラー」の下にあるこの1ピクセルの高さのラインについて話しています。
コンテンツと調和させるためにナビゲーションバーが必要になるアプリがあります。
誰かがこの迷惑な小さなバーを取り除くか色を変える方法を知っていますか?
下の画像では、「ルートビューコントローラー」の下にあるこの1ピクセルの高さのラインについて話しています。
回答:
.shadowColor
プロパティを使用する
このプロパティがnilであるか、クリアな色を含む場合、バーは影を表示しません
例えば:
let navigationBar = navigationController?.navigationBar
let navigationBarAppearence = UINavigationBarAppearance()
navigationBarAppearence.shadowColor = .clear
navigationBar?.scrollEdgeAppearance = navigationBarAppearence
これを行うには、カスタムシャドウイメージを設定する必要があります。ただし、影の画像を表示するには、カスタムの背景画像も設定する必要があります。Appleのドキュメントから引用してください。
カスタムシャドウ画像を表示するには、setBackgroundImage(_:for :)メソッドを使用してカスタム背景画像も設定する必要があります。デフォルトの背景画像が使用されている場合、このプロパティの値に関係なく、デフォルトの影画像が使用されます。
そう:
let navigationBar = navigationController!.navigationBar
navigationBar.setBackgroundImage(#imageLiteral(resourceName: "BarBackground"),
for: .default)
navigationBar.shadowImage = UIImage()
上記はそれを隠す唯一の「公式」な方法です。残念ながら、それはバーの半透明性を削除します。
次のオプションがあります。
無地、半透明なし:
navigationBar.barTintColor = UIColor.redColor()
navigationBar.isTranslucent = false
navigationBar.setBackgroundImage(UIImage(), for: .default)
navigationBar.shadowImage = UIImage()
色で満たされた小さな背景画像を作成して使用します。
以下で説明する 'hacky'メソッドを使用します。また、バーを半透明に保ちます。
半透明性を維持するには、別のアプローチが必要です。ハックのように見えますが、うまく機能します。削除しようとしている影は、UIImageView
どこかのヘアラインUINavigationBar
です。それを見つけて、必要に応じて非表示/表示することができます。
以下の手順では、UINavigationController
階層の1つのコントローラーでのみヘアラインを非表示にする必要があると想定しています。
インスタンス変数を宣言します。
private var shadowImageView: UIImageView?
この影を見つけるメソッドを追加します(ヘアライン) UIImageView:
private func findShadowImage(under view: UIView) -> UIImageView? {
if view is UIImageView && view.bounds.size.height <= 1 {
return (view as! UIImageView)
}
for subview in view.subviews {
if let imageView = findShadowImage(under: subview) {
return imageView
}
}
return nil
}
viewWillAppear/viewWillDisappear
メソッドの追加/編集:
override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
if shadowImageView == nil {
shadowImageView = findShadowImage(under: navigationController!.navigationBar)
}
shadowImageView?.isHidden = true
}
override func viewWillDisappear(_ animated: Bool) {
super.viewWillDisappear(animated)
shadowImageView?.isHidden = false
}
同じ方法がUISearchBar
ヘアライン、および(ほとんど)非表示にする必要のあるその他のものにも機能します。
オリジナルのアイデアを@Leo Natanに感謝します!
UINavigationBar
:プロパティclipsToBounds = YES
clipsToBounds = YES
は魅力のように動作します!ありがとう!
viewWillAppear
呼び出されたときに取得できないようですshadowImageView
以下は簡単に役立ちます!
迅速:
self.navigationController?.navigationBar.setValue(true, forKey: "hidesShadow")
目的C:
[self.navigationController.navigationBar setValue:@(YES) forKeyPath:@"hidesShadow"];
純色のナビゲーションバーの色を使用するだけで、ストーリーボードでこれを設定した場合は、AppDelegate
クラスで次のコードを使用して、外観プロキシを介して1ピクセルの境界線を削除します。
[[UINavigationBar appearance] setBackgroundImage:[[UIImage alloc] init]
forBarPosition:UIBarPositionAny
barMetrics:UIBarMetricsDefault];
[[UINavigationBar appearance] setShadowImage:[[UIImage alloc] init]];
これを試して:
[[UINavigationBar appearance] setBackgroundImage: [UIImage new]
forBarMetrics: UIBarMetricsDefault];
[UINavigationBar appearance].shadowImage = [UIImage new];
以下の画像に説明があります(iOS7 NavigationBar):
そして、このSOの質問を確認してください: iOS7-UINavigationBarの境界線の色を変更してください
Serhiiの回答のSwiftバージョンを追加したかった。私UIBarExtension.swift
は次のものを作成しました:
import Foundation
import UIKit
extension UINavigationBar {
func hideBottomHairline() {
self.hairlineImageView?.isHidden = true
}
func showBottomHairline() {
self.hairlineImageView?.isHidden = false
}
}
extension UIToolbar {
func hideBottomHairline() {
self.hairlineImageView?.isHidden = true
}
func showBottomHairline() {
self.hairlineImageView?.isHidden = false
}
}
extension UIView {
fileprivate var hairlineImageView: UIImageView? {
return hairlineImageView(in: self)
}
fileprivate func hairlineImageView(in view: UIView) -> UIImageView? {
if let imageView = view as? UIImageView, imageView.bounds.height <= 1.0 {
return imageView
}
for subview in view.subviews {
if let imageView = self.hairlineImageView(in: subview) { return imageView }
}
return nil
}
}
それを行うための迅速な方法:
UINavigationBar.appearance().setBackgroundImage(
UIImage(),
forBarPosition: .Any,
barMetrics: .Default)
UINavigationBar.appearance().shadowImage = UIImage()
迅速なシンプルなソリューション
let navigationBar = self.navigationController?.navigationBar
navigationBar?.setBackgroundImage(UIImage(), forBarPosition: UIBarPosition.Any, barMetrics: UIBarMetrics.Default)
navigationBar?.shadowImage = UIImage()
Serhilからの回答を検討した後、ヘアラインを簡単に隠すことができるポッドUINavigationBar + Additionを作成しました。
#import "UINavigationBar+Addition.h"
- (void)viewDidLoad {
[super viewDidLoad];
UINavigationBar *navigationBar = self.navigationController.navigationBar;
[navigationBar hideBottomHairline];
}
iOS 13以降、シャドウを設定または削除するシステムAPIがあります
UIKitは、shadowImageおよびshadowColorプロパティを使用して、影の外観を決定します。shadowImageがnilの場合、バーには、shadowColorプロパティの値に従って色が付けられたデフォルトの影が表示されます。shadowColorがnilであるか、clearColorカラーを含んでいる場合、バーは影を表示しません。
let appearance = UINavigationBarAppearance()
appearance.shadowImage = nil
appearance.shadowColor = nil
navigationController.navigationBar.standardAppearance = appearance
https://developer.apple.com/documentation/uikit/uibarappearance/3198009-shadowimage
UINavigationBarAppearance
ヘッダーに記載されていません!! 見つけられなかった。おかげで、これで私の問題は100%解決されました
pxpgraphicsのソリューションがSwift 2.0用に更新されました
extension UINavigationBar {
func hideBottomHairline()
{
hairlineImageViewInNavigationBar(self)?.hidden = true
}
func showBottomHairline()
{
hairlineImageViewInNavigationBar(self)?.hidden = false
}
private func hairlineImageViewInNavigationBar(view: UIView) -> UIImageView?
{
if let imageView = view as? UIImageView where imageView.bounds.height <= 1
{
return imageView
}
for subview: UIView in view.subviews
{
if let imageView = hairlineImageViewInNavigationBar(subview)
{
return imageView
}
}
return nil
}
}
extension UIToolbar
{
func hideHairline()
{
let navigationBarImageView = hairlineImageViewInToolbar(self)?.hidden = true
}
func showHairline()
{
let navigationBarImageView = hairlineImageViewInToolbar(self)?.hidden = false
}
private func hairlineImageViewInToolbar(view: UIView) -> UIImageView?
{
if let imageView = view as? UIImageView where imageView.bounds.height <= 1
{
return imageView
}
for subview: UIView in view.subviews
{
if let imageView = hairlineImageViewInToolbar(subview)
{
return imageView
}
}
return nil
}
}
UINavigationController().navigationBar/toolbar.hide/showBottomHairline()
です?私はこれを試していますが、役に立ちません。私は正しく理解していませんか?
Swift 4 //ナビゲーションバーのシャドウラインを非表示にする
navigationController?.navigationBar.shadowImage = UIImage()
UIAppearance APIを使用してその影を非表示/表示したり、ストーリーボード(またはソースコード)を使用してその影を非表示/表示するナビゲーションバーを選択したりできるUINavigationBar拡張機能を使用しています。拡張機能は次のとおりです。
import UIKit
private var flatAssociatedObjectKey: UInt8 = 0
/*
An extension that adds a "flat" field to UINavigationBar. This flag, when
enabled, removes the shadow under the navigation bar.
*/
@IBDesignable extension UINavigationBar {
@IBInspectable var flat: Bool {
get {
guard let obj = objc_getAssociatedObject(self, &flatAssociatedObjectKey) as? NSNumber else {
return false
}
return obj.boolValue;
}
set {
if (newValue) {
let void = UIImage()
setBackgroundImage(void, forBarPosition: .Any, barMetrics: .Default)
shadowImage = void
} else {
setBackgroundImage(nil, forBarPosition: .Any, barMetrics: .Default)
shadowImage = nil
}
objc_setAssociatedObject(self, &flatAssociatedObjectKey, NSNumber(bool: newValue),
objc_AssociationPolicy.OBJC_ASSOCIATION_RETAIN_NONATOMIC)
}
}
}
ここで、使用する必要があるすべてのナビゲーションバーの影を無効にするには:
UINavigationBar.appearance().flat = true
または、ストーリーボードを使用してこの動作を有効/無効にすることができます:
flatAssociatedObjectKey
、関連するオブジェクトを識別するための一意のint(ポインターとして扱われる)と考えることができます。ここでは、プライベート変数のメモリアドレスによって定義されます。この変数を追加するように応答を更新しました。詳細については、nshipster.com / associated-objectsを参照してください。
translucent
falseに設定されている場合にのみ機能します
Swift 4でテストされた ONE LINEソリューション
ではViewdidload()
、キー「hidesShadow」のための真の設定ナビゲーションコントローラのuserdefault値
override func viewDidLoad() {
super.viewDidLoad()
self.navigationController?.navigationBar.setValue(true, forKey: "hidesShadow")
}
スイフトはこれを置きました
UINavigationBar.appearance().setBackgroundImage(UIImage(), forBarPosition: .Any, barMetrics: .Default)
UINavigationBar.appearance().shadowImage = UIImage()
に
func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool
半透明性を維持したいUINavigationController
が、アプリのすべてをサブクラス化したくない場合の別のオプション:
#import <objc/runtime.h>
@implementation UINavigationController (NoShadow)
+ (void)load {
Method original = class_getInstanceMethod(self, @selector(viewWillAppear:));
Method swizzled = class_getInstanceMethod(self, @selector(swizzled_viewWillAppear:));
method_exchangeImplementations(original, swizzled);
}
+ (UIImageView *)findHairlineImageViewUnder:(UIView *)view {
if ([view isKindOfClass:UIImageView.class] && view.bounds.size.height <= 1.0) {
return (UIImageView *)view;
}
for (UIView *subview in view.subviews) {
UIImageView *imageView = [self findHairlineImageViewUnder:subview];
if (imageView) {
return imageView;
}
}
return nil;
}
- (void)swizzled_viewWillAppear:(BOOL)animated {
UIImageView *shadow = [UINavigationController findHairlineImageViewUnder:self.navigationBar];
shadow.hidden = YES;
[self swizzled_viewWillAppear:animated];
}
@end
Slightly Swift Solution
func setGlobalAppearanceCharacteristics () {
let navigationBarAppearace = UINavigationBar.appearance()
navigationBarAppearace.tintColor = UIColor.white
navigationBarAppearace.barTintColor = UIColor.blue
navigationBarAppearace.setBackgroundImage(UIImage(), for: UIBarMetrics.default)
navigationBarAppearace.shadowImage = UIImage()
}
iOS8では、に設定するUINavigationBar.barStyle
と.Black
、バーの背景を境界線なしの無地の色に設定できます。
Swiftの場合:
UINavigationBar.appearance().translucent = false
UINavigationBar.appearance().barStyle = UIBarStyle.Black
UINavigationBar.appearance().barTintColor = UIColor.redColor()
私のために働く2行のソリューション。これをViewDidLoadメソッドに追加してみてください。
navigationController?.navigationBar.setValue(true, forKey: "hidesShadow")
self.extendedLayoutIncludesOpaqueBars = true
これは非常に簡単な解決策です:
self.navigationController.navigationBar.clipsToBounds = YES;
拡張機能を作成します。
extension UIImage {
class func hideNavBarLine(color: UIColor) -> UIImage? {
let rect = CGRect(x: 0, y: 0, width: 1, height: 1)
UIGraphicsBeginImageContext(rect.size)
let context = UIGraphicsGetCurrentContext()
context?.setFillColor(color.cgColor)
context?.fill(rect)
let navBarLine = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return navBarLine
}
}
これを追加するviewDidLoad()
:
self.navigationController?.navigationBar.shadowImage = UIImage.hideNavBarLine(color: UIColor.clear)
UISearchBarの下部にビューを追加する必要があります
let rect = searchController.searchBar.frame;
let lineView : UIView = UIView.init(frame: CGRect.init(x: 0, y: rect.size.height-1, width: rect.size.width, height: 1))
lineView.backgroundColor = UIColor.init(hexString: "8CC73E")
searchController.searchBar.addSubview(lineView)
私はこれが古いスレッドであることを知っていますが、本当にうまくいく解決策を見つけました:
UINavigationBarのサブクラス。UINavigationBarサブクラスで、didAddSubviewを次のコードでオーバーライドします。
- (void)didAddSubview:(UIView *)subview
{
[super didAddSubview:subview];
if ([subview isKindOfClass:[UIImageView class]]) {
[subview setClipsToBounds:YES];
}
}
私はこのための拡張機能を作成しました...フォーマットについて申し訳ありません(これが私の最初の答えです)。
使用法:
override func viewDidLoad() {
super.viewDidLoad()
self.navigationController?.hideShadow = true
}
拡張:
UINavigationController.swift
// Created by Ricardo López Rey on 16/7/15.
import Foundation
struct UINavigationControllerExtension {
static var hideShadowKey : String = "HideShadow"
static let backColor = UIColor(red: 247/255, green: 247/255, blue: 248/255, alpha: 1.0)
}
extension UINavigationController {
var hideShadow : Bool {
get {
if let ret = objc_getAssociatedObject(self, &UINavigationControllerExtension.hideShadowKey) as? Bool {
return ret
} else {
return false
}
}
set {
objc_setAssociatedObject(self,&UINavigationControllerExtension.hideShadowKey,newValue, objc_AssociationPolicy(OBJC_ASSOCIATION_RETAIN_NONATOMIC))
if newValue {
self.navigationBar.setBackgroundImage(solidImage(UINavigationControllerExtension.backColor), forBarMetrics: UIBarMetrics.Default)
self.navigationBar.shadowImage = solidImage(UIColor.clearColor())
} else {
self.navigationBar.setBackgroundImage(nil, forBarMetrics: UIBarMetrics.Default)
}
}
}
private func solidImage(color: UIColor, size: CGSize = CGSize(width: 1,height: 1)) -> UIImage {
var rect = CGRectMake(0, 0, size.width, size.height)
UIGraphicsBeginImageContextWithOptions(size, false, 0)
color.setFill()
UIRectFill(rect)
var image: UIImage = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return image
}
}
AppDelegate内で、これによりNavBarの形式がグローバルに変更されました。
func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
UINavigationBar.appearance().setBackgroundImage(UIImage(), forBarPosition: UIBarPosition.Any, barMetrics: UIBarMetrics.Default)
UINavigationBar.appearance().shadowImage = UIImage()
UINavigationBar.appearance().tintColor = UIColor.whiteColor()
UINavigationBar.appearance().barTintColor = UIColor.redColor()
UINavigationBar.appearance().translucent = false
UINavigationBar.appearance().clipsToBounds = false
UINavigationBar.appearance().backgroundColor = UIColor.redColor()
UINavigationBar.appearance().titleTextAttributes = [NSFontAttributeName : (UIFont(name: "FONT NAME", size: 18))!, NSForegroundColorAttributeName: UIColor.whiteColor()] }
特定のVCに何かを実装することはできませんでしたが、これは人々の90%を助けます