高清导航栏图片素材-1080+1920的状态栏和导航栏多高

十大免费图片素材网站

1、包图网

如果你在其他网站上找到的素材不满意,那这个网站就一定要看,持续更新大量最新、最热门的免费图片素材,并且目前提供了非常丰富的视频素材,包括最新的背景视频、PR模板、AE模板、实拍视频等,在设计中常用到的画册、海报、宣传单、LOGO设计、海量字体库和PPT模板,你都可以在这里轻松找到!

2、Chuangkit

想要正版的能商用的图片,找Chuangkit就对了,提供大量免费的公众号封面模板,提供了商务、教育、美食、科技、人像、风景等类型的图片,每一张的质量都非常高,相信总有一款适合你!还支持封面模板一键生成,方便的无法形容。

3、Pexels

Pexels是一个免费高清素材下载网站,无需注册,直接下载,所有图片都使用顶级的拍摄设备进行拍摄,就是一个字,专业,每一张图片都会显示拍摄设备和光圈、焦距等具体信息,想学习相机的参数设置的朋友,这个网站不得了,简直不能再良心。而且网站提供下载尺寸和颜色分类功能,满足各种图片选择需求。

4、Unsplash

Unsplash则提供了高质量、无版权的图片素材,全部可以免费商用。

这个网站,每个摄影师每天只更新1张图片,只要上传的都是精品,全部由顶级摄影师拍摄并免费分享。图片的像素全部都在5K以上,而且还提供了海量的高清矢量素材,主要类别包括人物、生活、自然类素材。

5、Stocksnap

Stocksnap是一个免费图片分享网站,作为一个开放的高清数码素材库,其图片资源同样是无版权、可以免费商用,并且可以按照下载量、收藏量、浏览量对于图片进行快速筛选,需要图片素材,找他准没错。

6、streetwill

streetwill内的素材资源就是一个字,漂亮、艺术、页面设计得特别精致,简直是设计师的最爱。

该网站提供的图片较为日常,风格小众,最重要的是图片的文艺气息特别浓,适合经常需要撰写人文、职场类文章的小伙伴配图。随意找了几张图,质量都特别高,这个网站同样不需要注册登录,全部图片免费商用,真正的良心网站。

7、gratisography

里面许多图片都是经过专业的PS处理,质量非常的高,不用后期再去修饰加工,直接就能使用。下载方式非常简单,将鼠标移动到图片上,即可出现下载按钮,图片同样可以免费下载,支持高分辨率。

8、textures

textures则是一个贴图网站,其提供的海量高清贴图,全部可以免费下载,在左侧导航栏你可以随意选择自己需要的分类,但是由于图片质量太高,每天都只能限量下载。还有2D、3D的图片,可免费商用,需要用到贴图的小伙伴可以来这里看看。

9、pixabay

需要抠图的朋友就来这个网站,大量的无背景素材,拿来就用。

140万张免费的优质

矢量图

,足以满足你的大部分设计需求。这个网站最大的特点就是支持中文搜索了,并且在搜索时可以对图片进行颜色和尺寸的筛选,简直是设计师最大的福音了。

10、designdeck

如果你是一个

UI设计师

,那么千万不能错过这个网站,其提供了非常丰富的PSD和图标资源,并且质量都非常的高,并且PSD最大的好处就是支持你进行DIY,不会有其它图片难以修改的问题。当然该网站的素材提供了免费或者付费下载,你只要选择免费下载按钮进行下载即可。

在开始定制之前,我们先来看看

iOS 7

中默认导航栏的外观。通过Xcode用Single View Controller模板创建一个工程。然后将view controller嵌入到一个navigation controller中。如果你不想从头开始,那么也可以在这里下载到这个示例工程。

Xcode 5包含有iOS 6和iOS 7

模拟器

,我们可以在这两个不同的模拟器版本中运行示例程序,进行对比,如下图所示:

vcC4tcSxs76w0dXJqzwvaDM+CjxwPtTaaU9TIDfW0KOssrvU2cq508N0aW50Q29sb3LK9NDUwLTJ6NbDtby6vcC4tcTR1cmro6y2+MrHyrnTw2JhclRpbnRDb2xvcsr00NTAtNDeuMSxs76wyauho87Sw8e/ydLU1No8Y29kZT5BcHBEZWxlZ2F0ZS5tPC9jb2RlPs7EvP7W0LXEt723qDxjb2RlPmRpZEZpbmlzaExhdW5jaGluZ1dpdGhPcHRpb25zOjwvY29kZT7A78PmzO2808jnz8K0+sLrwLTQ3rjE0dXJq6O6PC9wPgoKPHRhYmxlPgo8dGJvZHk+Cjx0cj4KPHRkIGNsYXNzPQ=="gutter">

?

1

1

?

1

2

<code class="objc">[[UINavigationBar appearance] setBarTintColor:[UIColor yellowColor]];

</code>

效果如下图所示:

\

一般情况,我们都会使用自己的颜色,下面这个宏用来设置RGB颜色非常方便:

?

1

1

?

1

2

<code class="objc">#define UIColorFromRGB(rgbValue) [UIColor colorWithRed:((float)((rgbValue & 0xFF0000) >> 16))/255.0 green:((float)((rgbValue & 0xFF00) >> 8))/255.0 blue:((float)(rgbValue & 0xFF))/255.0 alpha:1.0]

</code>

将上面这个宏放到AppDelegate.m文件中,然后通过这个宏来创建一个UIColor对象(根据指定的RGB)。如下示例:

?

1

1

?

1

2

<code class="objc">[[UINavigationBar appearance] setBarTintColor:UIColorFromRGB(0x067AB5)];

</code>

默认情况下,导航栏的translucent属性为YES。另外,系统还会对所有的导航栏做模糊处理,这样可以让iOS 7中导航栏的颜色更加饱和。如下图,是translucent值为NO和YES的对比效果:

\

要想禁用translucent属性,可以在Storyboard中选中导航栏,然后在Attribute Inspectors中,取消translucent的勾选。

在导航栏中使用

背景图片

如果希望在导航栏中使用一个图片当做背景,那么你需要提供一个稍微高一点的图片(这样可以延伸到导航栏背后)。导航栏的高度从44 points(88 pixels)变为了64 points(128 pixels)。

我们依然可以使用setBackgroundImage:方法为导航栏设置自定义图片。如下代码所示:

?

1

1

?

1

2

<code class="objc">[[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"nav_"] forBarMetrics:UIBarMetricsDefault];

</code>

示例工程中提供了两个背景图片:nav_ 和 nav_bg_。运行一下试试看吧,如下效果:

\

定制返回按钮的颜

在iOS 7中,所有的按钮都是无边框的。其中返回按钮会有一个V型箭头,以及上一个屏幕中的标题(如果上一屏幕的标题是空,那么就显示”返回”)。要想给返回按钮着色,可以使用tintColor属性。如下代码所示:

?

1

1

?

1

2

<code class="objc">[[UINavigationBar appearance] setTintColor:[UIColor whiteColor]];

</code>

除了返回按钮,tintColor属性会影响到所有按钮标题和图片。

\

如果想要用自己的图片替换V型,可以设置图片的backIndicatorImage和backIndicatorTransitionMaskImage。如下代码所示:

?

1

2

1

2

?

1

2

3

<code class="objc">[[UINavigationBar appearance] setBackIndicatorImage:[UIImage imageNamed:@"back_"]];

[[UINavigationBar appearance] setBackIndicatorTransitionMaskImage:[UIImage imageNamed:@"back_"]];

</code>

图片的颜色是由tintColor属性控制的。

\

修改导航栏标题的字体

跟iOS 6一样,我们可以使用导航栏的titleTextAttributes属性来定制导航栏的文字风格。在text attributes字典中使用如下一些key,可以指定字体、文字颜色、文字阴影色以及文字阴影

偏移量

:

UITextAttributeFont – 字体keyUITextAttributeTextColor – 文字颜色keyUITextAttributeTextShadowColor – 文字阴影色keyUITextAttributeTextShadowOffset – 文字阴影偏移量key

如下代码所示,对导航栏的标题风格做了修改:

?

1

2

3

4

5

6

7

1

2

3

4

5

6

7

?

1

2

3

4

5

6

7

8

<code class="objc">NSShadow *shadow = [[NSShadow alloc] init];

= [UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.8];

= CGSizeMake(0, 1);

[[UINavigationBar appearance] setTitleTextAttributes: [NSDictionary dictionaryWithObjectsAndKeys:

[UIColor colorWithRed:245.0/255.0 green:245.0/255.0 blue:245.0/255.0 alpha:1.0], NSForegroundColorAttributeName,

shadow, NSShadowAttributeName,

[UIFont fontWithName:@"HelveticaNeue-CondensedBlack" size:21.0], NSFontAttributeName, nil]];

</code>

运行效果如下图所示:

\

修改导航栏标题为图片

如果要想将导航栏标题修改为一个图片或者logo,那么只需要使用下面这行代码即可:

?

1

1

?

1

2

<code class="objc"> = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@""]];

</code>

上面的代码简单的修改了titleView属性,将一个图片赋值给它。注意:这不是iOS 7中的新功能,之前的iOS版本就可以已经有了。

素材网上哪都有,但有时就是达不到心里想要的效果,一般下载的还是要用photoshop处理一下。