组件_ UIToolbar 与 组件_UISearchBar

组件_ UIToolbar

/**

1. 顶部toolbar

2. TextField可以以UIBarButtonItem的自定义视图的方式加入toolbar

3. 三个按钮

4. 将UIBarButtonItem加入toolBar

**/

UIToolbar *toolBar = [[UIToolbar alloc]initWithFrame:CGRectMake(0, 0, 320, 44)];

[self.view addSubview:toolBar];

UITextField *textField = [[UITextField alloc]initWithFrame:CGRectMake(10, 6, 200, 32)];

[textField setBorderStyle:UITextBorderStyleRoundedRect];// 设置边框

[textField setContentVerticalAlignment:UIControlContentVerticalAlignmentCenter];// 设置垂直对齐

[textField setClearButtonMode:UITextFieldViewModeWhileEditing];// 设置清除按钮

[textField setDelegate:self];

UIBarButtonItem *addressItem = [[UIBarButtonItem alloc]initWithCustomView:textField];

//初始化UIBarButtonItem方法1

UIBarButtonItem *item1 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemRewind target:self action:@selector(todo1)];

//初始化UIBarButtonItem方法2

UIBarButtonItem *item1 = [[UIBarButtonItem alloc]initWithTitle:@"buttonName " style:UIBarButtonItemStyleBordered target:self action:@selector(btClick)];

[toolBar setItems:@[addressItem, item1, item2, item3]];

// 设置状态栏样式,因为改变bar的时候状态栏颜色会默认变成和bar一样的颜色

[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleBlackOpaque;

组件_UISearchBar

//初始化

UISearchBar *search = [[UISearchBar alloc] init];

search.autoresizingMask = UIViewAutoresizingFlexibleWidth;//可以伸缩的宽度

search.frame = CGRectMake(0, 0, self.view.frame.size.width, kSearchH);

search.delegate = self;

[self.view addSubview:search];

_searchBar = search;

//代理方法

#pragma mark 监听搜索框的文字改变

- (void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText

#pragma mark 搜索框开始编辑(开始聚焦)

- (void)searchBarTextDidBeginEditing:(UISearchBar *)searchBar

时间: 2024-10-10 07:25:17

组件_ UIToolbar 与 组件_UISearchBar的相关文章

组件_ UIToolbar

/** 1. 顶部toolbar 2. TextField可以以UIBarButtonItem的自定义视图的方式加入toolbar 3. 三个按钮 4. 将UIBarButtonItem加入toolBar **/ UIToolbar *toolBar = [[UIToolbar alloc]initWithFrame:CGRectMake(0, 0, 320, 44)]; [self.view addSubview:toolBar]; UITextField *textField = [[UIT

vue2.0父子组件通信以及同级组件通信

1.父向子通信 父组件为singer.vue.子组件为list-view.vue.需要把歌手的数据传给子组件.则绑定 :data = 'singers' ,singers为父组件的值.data为子组件接收值的名称 子组件采用props的方式接收.data 里面就是父组件传过来的的值了. 值得注意的是.当定义子组件的值有参数时,props里面的default需要向data函数一样写 2 子组件向父组件派发事件 (1)子组件做了一个点击事件 selectItem(item),并传递了一个值 (2)m

Vue1.0学习总结(4)———Vue1.0自定义组件、Vue1.0组件之间的通信

Vue自定义组件: 组件:就是一个大的对象:new Vue({})就是一个组件定义一个组件:1.全局组件: <div id="box"> <aaa></aaa> </div> var Aaa=Vue.extend({ template:'<h3>我是一个标题</h3>' }); Vue.component('aaa',Aaa); a)给自定义的组件添加数据: data必须是函数的形式,函数必须返回一个对象(json

浅谈react受控组件与非受控组件

最近在使用蚂蚁金服出品的一条基于react的ant-design UI组件时遇到一个问题,编辑页面时input输入框会展示保存前的数据,但是是用defaultValue就是不起作用,输入框始终为空值而不是具体的传入的值.具体编辑页面中文本框相关的代码如下:         ... //render方法上面的内容省略  <FormItem       label="问题描述:"       hasFeedback      {...props.formItemLayout}  &g

(转)Yii的组件机制之一:组件基础类CComponent分析

Yii的组件机制 组件机制,是Yii整个体系的思想精髓,在使用Yii之前,最应该先了解其组件机制,如果不了解这个机制,那么阅读Yii源代码会非常吃力.组件机制给Yii框架赋予了无穷的灵活性和可扩展性,可以毫不夸张地说,Yii框架的基础结构就是组件.大到CApplication对象.控制器.路由管理器(urlManager),小到一些其它插件,均是以组件形式存在的. 什么是Yii组件? Yii中几乎所有可实例化并继承自CComponent的类,均可称为组件. 组件的特点是什么? 继承自CCompo

Delphi7 组件篇 之 TBevel组件

TBevel组件 该组件可以创建具有3D效果的斜角的盒子.方框或线. 常用属性: shape:设置边界形状 style:设置分解的框线在屏幕上是凸起还是凹下. shape属性 type TBevelShape = (bsBox, bsFrame, bsTopLine, bsBottomLine, bsLeftLine, bsRightLine, bsSpacer); bsBox: 由style属性决定. bsFrame:客户区域是凸起还是凹下. bsTopLine:Bevel对象在客户区域显示一

#003 React 组件 继承 自定义的组件

主题:React组件 继承 自定义的 组件 一.需求说明 情况说明: 有A,B,C,D 四个组件,里面都有一些公用的逻辑,比如 设置数据,获取数据,有某些公用的的属性,不想在 每一个 组件里面写这些属性,怎么办? [和 面向对象的语言,C#,Java 的基类 思想是 一样的] 如果公用的东西,是一些方法,可以 使用 React 的 Mixins(ES5) ,高阶组件(ES6)[高阶函数不太了解,如何使用,去找下资料 ] 但是如果有公用的属性,那么就有点 力不从心了 在想,React 中,是否可用

vue2.x 父组件监听子组件事件并传回信息

利用vm.$emit 1.在父组件中引用子组件 <child @from-child-msg="listenChildMsg"></child > 2.子组件中使用$emit发送事件 this.$emit('from-child-msg', '这是子组件传递的消息');

vue组件之间的通信以及如何在父组件中调用子组件的方法和属性

在Vue中组件实例之间的作用域是孤立的,以为不能直接在子组件上引用父组件的数据,同时父组件也不能直接使用子组件的数据 一.父组件利用props往子组件传输数据 父组件: <div> <child v-bind:my-message="parentMsg"></child>//注意传递参数时要用-代替驼峰命名,HTML不区分大小写 </div> 子组件: Vue.component('child', { // camelCase in Ja