UI: 在导航栏显示一张图片

问题:

在导航控制器的当前视图中的标题中用一张图片代替文本

使用导航项目中视图控制器中 navigation item 的 titleView 属性:

- (void)viewDidLoad{
[super viewDidLoad];
self.view.backgroundColor = [UIColor whiteColor];
/* Create an Image View to replace the Title View */
UIImageView *imageView =[[UIImageView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 100.0f, 40.0f)];
 imageView.contentMode = UIViewContentModeScaleAspectFit;
 /* Load an image. Be careful, this image will be cached */
UIImage *image = [UIImage imageNamed:@"FullSizeLogo.png"];
/* Set the image of the Image View */
[imageView setImage:image];
/* Set the Title View */
self.navigationItem.titleView = imageView;
}

如果你想使用文本,可以使用导航项目的 title 属性。然而,如果要更多控制标题或者要在导航栏简单显示图片或者其他视图,可以使用视图控制器的导航项目中 titleView 属 性。

可以对其赋值任意UIView的子类对象,例如,我们创建了一个image view,并赋值了一个图片给它,然后把它作为导航控制器上当前视图控制器的标题显示出来。

时间: 2024-08-04 13:44:55

UI: 在导航栏显示一张图片的相关文章

iOS7 UI兼容 导航栏按钮边距

转载自:http://www.cnblogs.com/maxfong/p/3375167.html iOS7之前的UI为: 而在iOS7中,由于设计方面的原因,使得UI变为: 修改的方法重写UINavigationItem的setLeftBarButtonItem和setRightBarButtonItem方法,使之与之前版本兼容: 代码如下: @interface UINavigationItem (margin) @end @implementation UINavigationItem (

Android Fragment解析及UI底部导航栏实例

import android.os.Bundle; import android.support.v4.app.FragmentActivity; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentTransaction; import android.view.View; import android.view.View.OnClickListener; import and

一次性解决导航栏的所有问题

系统默认导航栏的返回按钮和返回方式 在默认情况下,导航栏返回按钮长这个样子 导航栏默认返回按钮 导航栏左上角的返回按钮,其文本默认为上一个ViewController的标题,如果上一个ViewController没有标题,则为Back(中文环境下为"返回"). 在默认情况下,导航栏返回的点击交互和滑动交互如下 默认导航栏交互 这些东西不需要任何设置和操作,因此也没有其他需要说明的地方. 自定义左上角的返回按钮 绝大多数情况下,我们都需要根据产品需求自定义左上角的返回按钮,虽然这对大多数

小程序自定义单页面、全局导航栏

摘要: 小程序开发技巧. 作者:小白 原文:小程序自定义单页面.全局导航栏 Fundebug经授权转载,版权归原作者所有. 需求 产品说小程序返回到首页不太方便,想添加返回首页按钮,UI说导航栏能不能设置背景图片,因为那样设计挺好看的. 需求分析并制定方案 这产品和UI都提需求了,咱也不能反驳哈,所以开始调研,分析可行性方案:1.可以添加悬浮按钮.2.自定义导航栏. 添加悬浮按钮,是看起来是比较简单哈,但是感觉不太优雅,会占据页面的空间,体验也不太好.所以想了下第二种方案,自定义导航栏既可以实现

一步一步实现字母索引导航栏

先来看下实现后的效果: DEMO 链接:在线DEMO,源代码 这个索引导航栏的效果在很多 APP 中都有应用,我也是参考了一些 APP 的效果进行实现. 不过之前接触移动端页面开发较少,所以是边学边做,也就把这个过程中的一些东西整理记录下来. 设计 这个功能的基本需求可以总结为一句话:手指在导航栏(也就是 DEMO 上页面右侧的包含字母的竖条)拖动时,根据当前手指位置,页面主体内容列表跳转到对应字母的内容项. 当然,延伸开来,可以是对于已经排序的列表,导航栏显示对应的索引字符列表,支持快速跳转到

Jquery实现动态导航栏和轮播导航栏

动态导航栏和轮播导航栏的实现思想: 利用jquery技术的append()方法和bind()方法实现li标签的添加和点击事件绑定,在利用$getJSON(url,data,function)请求方法实现获取springmvc传递的list<map<String,Object>>的值.其中还遇到了浏览器兼容问题,主要是Mozilla Firefox兼容margin属性的值的问题,最后解决办法是:创建2(IE和FireFox)种类型的css样式,根据myBrowser()自定义方法判断

iOS 上滑隐藏导航,下滑显示导航,仿斗鱼导航效果

UItableView或 UIcollectionView 都是继承UIScrollView 滑动的时候,判断是上滑还是下滑 使用 UIScrollView 的代理方法 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000 } span.s1 { color: #ba2da2 } span.s2 { } span.s3 { color: #703daa } func scrollViewWillEnd

关于iOS的autolayout中导航栏的疑问

在storyBoard中,如果使用editor>embed>navigation controller 就可以给一个Controller添加一个导航栏控制器 这时候拖一个view上去,给这个view添加约束的时候,就会有top layout guide这个选项,这样在横屏,竖屏情况下,view都会紧贴导航栏显示 但是在新创建一个file的时候,一起创建出来的xib却没有这种选项,要想让view紧贴导航栏显示,必须要将顶部约束成64,但是在横屏状态下就会在导航栏和view中间出现白条,因为横屏状

iOS UITableView表视图滚动隐藏UINavigationController导航栏

UITableView 继承于UIScrollView 所以UIScrollView 的代理方法同样适用于UITableView 中 隐藏导航栏的方法为: self.navigationController.navigationBar.hidden = YES; 所以我们只有通过滚动的代理方法监测滚动视图的滚动方向来控制导航栏显示还是隐藏即可: 通过实现UIScrollView的代理方法来操作: 方式如下: // 滑动scrollView,并且手指离开时执行.一次有效滑动,只执行一次. // 当