Xamarin iOS教程之显示和编辑文本
Xamarin iOS教程之显示和编辑文本
Xamarin iOS显示和编辑文本
在一个应用程序中,文字是非常重要的。它就是这些不会说话的设备的嘴巴。通过这些文字,可以很清楚的指定这些应用程序要表达的信息。以下将为开发者介绍3种关于文本的视图。
Xamarin iOS标签视图
标签视图(一般使用UILabel类实现)一般用于在应用程序中为用户显示少量的信息。
【示例2-13】以下就是通过标签视图为开发者显示一首诗的效果。具体步骤如下:
(1)创建一个Single View Application类型的工程,命名为2-20。
(2)添加图像1.jpg到创建工程的Resources文件夹中。
(3)打开MainStoryboard.storyboard文件,对主视图进行设置。效果如图2.26所示。
图2.26 主视图的效果
需要添加的视图以及设置如表2-6所示。
表2-6 设置主视图
(4)打开2-20ViewController.cs文件,编写代码,实现为主视图添加标签的功能。代码如下:
- using System;
- using System.Drawing;
- using MonoTouch.Foundation;
- using MonoTouch.UIKit;
- namespace Application
- {
- public partial class __20ViewController : UIViewController
- {
- …… //这里省略了视图控制器的构造方法和析构方法
- #region View lifecycle
- public override void ViewDidLoad ()
- {
- base.ViewDidLoad ();
- // Perform any additional setup after loading the view, typically from a nib.
- UILabel label1 = new UILabel ();
- label1.Frame = new RectangleF (2, 410, 155, 28);
- label1.TextAlignment = UITextAlignment.Center; //设置标签文本内容的对其方式
- label1.Text = "碧玉妆成一树高,"; //设置标签的文本内容
- this.View.AddSubview (label1);
- ……
- UILabel label4 = new UILabel ();
- label4.Frame = new RectangleF (2, 500, 155, 28);
- label4.TextAlignment = UITextAlignment.Center;
- label4.Text = "二月春风似剪刀.";
- this.View.AddSubview (label4);
- }
- …… //这里省略了视图加载和卸载前后的一些方法
- #endregion
- }
- }
运行效果如图2.27所示。
图2.27 运行效果
注意:在此程序中,使用了TextAlignment属性设置了文本在标签中的对齐方式。使用Text属性设置了标签中显示的文本。标签视图默认是显示一行的,但是,也可以将标签的内容显示为多行。
【示例2-14】以下将在一个标签中显示3行文本内容。具体步骤如下:
(1)创建一个Single View Application类型的工程,命名为2-23。
(2)添加图像1.jpg到创建工程的Resources文件夹中。
(3)打开MainStoryboard.storyboard文件,从工具栏中拖动Image View图像视图到主视图中,将此视图的Image属性设置为1.jpg。
(4)打开2-23ViewController.cs文件,编写代码,实现标签多行显示的功能。代码如下:
- using System;
- using System.Drawing;
- using MonoTouch.Foundation;
- using MonoTouch.UIKit;
- namespace Application
- {
- public partial class __23ViewController : UIViewController
- {
- …… //这里省略了视图控制器的构造方法和析构方法
- #region View lifecycle
- public override void ViewDidLoad ()
- {
- base.ViewDidLoad ();
- // Perform any additional setup after loading the view, typically from a nib.
- UILabel label = new UILabel ();
- label.Frame = new RectangleF (20, 100, 280, 64);
- label.Text = " 如何让你遇见我,在我最美丽的时刻。为这,我已在佛前求了五百年,求他让我们结一段尘缘。";
- label.Lines = 3; //设置显示文本的行数
- this.View.AddSubview (label);
- }
- …… //这里省略了视图加载和卸载前后的一些方法
- #endregion
- }
- }
运行效果如图2.28所示。
图2.28 运行效果
当标签中的内容过多时,开发者可以对标签中显示的内容进行省略,即可以设置内容显示的格式。在Xamarin中有6种风格,如表2-7所示。
表2-7 内容显示的格式
对于内容显示格式的设置需要使用到LineBreakMode属性。
【示例2-15】下面将使用LineBreakMode属性让在标签中显示的内容截去中间部分。代码如下:
- using System;
- using System.Drawing;
- using MonoTouch.Foundation;
- using MonoTouch.UIKit;
- namespace Application
- {
- public partial class __33ViewController : UIViewController
- {
- …… //这里省略了视图控制器的构造方法和析构方法
- #region View lifecycle
- public override void ViewDidLoad ()
- {
- base.ViewDidLoad ();
- // Perform any additional setup after loading the view, typically from a nib.
- UILabel label = new UILabel ();
- label.Frame = new RectangleF (20, 100, 280, 64);
- label.Text = " 如何让你遇见我,在我最美丽的时刻。为这,我已在佛前求了五百年,求他让我们结一段尘缘。";
- label.LineBreakMode = UILineBreakMode.MiddleTruncation; //设置内容显示的格式
- this.View.AddSubview (label);
- }
- …… //这里省略了视图加载和卸载前后的一些方法
- #endregion
- }
- }
此时运行程序,会看到如图2.29所示的效果。
图2.29 运行效果
Xamarin iOS文本框视图
与标签视图不同,文本框视图(一般使用UITextField类实现)可以接收用户的文本输入,并进行显示。
【示例2-16】以下将使用文本框来实现QQ登录界面的效果。具体步骤如下:
(1)创建一个Single View Application类型的工程,命名为2-5
(2)打开MainStoryboard.storyboard文件,对主视图进行设置。效果如图2.30所示。
图2.30 主视图
需要添加的视图以及设置如表2-8所示。
表2-8 设置主视图
(3)打开2-5ViewController.cs文件,编写代码,实现QQ登录界面的功能。代码如下:
- using System;
- using System.Drawing;
- using MonoTouch.Foundation;
- using MonoTouch.UIKit;
- namespace Application
- {
- public partial class __5ViewController : UIViewController
- {
- UITextField tf1;
- UITextField tf2;
- …… //这里省略了视图控制器的构造方法和析构方法
- #region View lifecycle
- public override void ViewDidLoad ()
- {
- base.ViewDidLoad ();
- // Perform any additional setup after loading the view, typically from a nib.
- //为主视图添加文本框对象tf1
- tf1 = new UITextField ();
- tf1.BorderStyle = UITextBorderStyle.RoundedRect; //设置文本框的边框
- tf1.Frame = new RectangleF (54, 150, 211, 30);
- tf1.Placeholder="账号"; //设置文本框的占位符
- this.View.AddSubview (tf1);
- //为主视图添加文本框对象tf2
- tf2 = new UITextField ();
- tf2.BorderStyle = UITextBorderStyle.RoundedRect;
- tf2.Frame = new RectangleF (54, 220, 211, 30);
- tf2.Placeholder="密码";
- tf2.SecureTextEntry = true; //设置文本框的文本是否隐藏
- this.View.AddSubview (tf2);
- button.TouchUpInside += this.ButtonChange_TouchUpInside;
- label.Hidden = true;
- }
- //触摸“登录”按钮后,执行的动作
- private void ButtonChange_TouchUpInside (object sender, EventArgs e)
- {
- //判断文本框对象tf1和tf2是否为空
- if (tf1.Text.Length != 0 && tf2.Text.Length != 0) {
- this.View.BackgroundColor = UIColor.Orange;
- label.Hidden = true;
- } else {
- label.Hidden = false;
- }
- }
- …… //这里省略了视图加载和卸载前后的一些方法
- #endregion
- }
- }
运行效果如图2.31所示。
图2.31 运行效果
注意:在此程序中,使用了BorderStyle属性对文本框的边框风格进行了设置。这些边框风格如表2-9所示。
表2-9 边框风格
SecureTextEntry属性可以使编辑的文本隐藏,以小黑点的形式显示。此属性一般使用在输入密码时,防止被他人盗取。
Xamarin iOS文本框视图使用技巧——限制文本框的输入长度
限制文本框的输入长度在输入手机号码、银行卡号码的应用程序中最常使用。限制文本框的输入长度需要使用ShouldChangeCharacters()方法实现。
【示例2-17】下面将只允许用户在文本框中输入10个字符。具体的操作步骤如下:
(1)创建一个Single View Application类型的工程,命名为2-34。
(2)打开MainStoryboard.storyboard文件,拖动视图库中的文本框视图对象到主视图中,将此视图对象的Name设置为tf。
(3)打开2-34ViewController.cs文件,编写代码,实现限制文本框的输入长度的功能。代码如下:
- using System;
- using System.Drawing;
- using MonoTouch.Foundation;
- using MonoTouch.UIKit;
- namespace Application
- {
- public partial class __34ViewController : UIViewController
- {
- …… //这里省略了视图控制器的构造方法和析构方法
- #region View lifecycle
- public override void ViewDidLoad ()
- {
- base.ViewDidLoad ();
- // Perform any additional setup after loading the view, typically from a nib.
- tf.ShouldChangeCharacters = (textField, range, replacementString) => {
- if (range.Location < 10) {
- return true;
- } else {
- return false;
- }
- };
- }
- …… //这里省略了视图加载和卸载前后的一些方法
- #endregion
- }
- }
此时运行程序,会看到如图2.32所示的效果。
图2.32 运行效果
注意:在此应用程序中用户只可以输入10个字符串。
Xamarin iOS文本视图
文本框视图只允许用户输入单行文本,如果想要输入多行文本该怎么办呢?这就需要使用文本视图解决。UITextView类提供了一个显示文本编辑块的方式。
【示例2-18】以下就是使用文本视图实现多行文本的输入。代码如下:
- using System;
- using System.Drawing;
- using MonoTouch.Foundation;
- using MonoTouch.UIKit;
- namespace Application
- {
- public partial class __6ViewController : UIViewController
- {
- …… //这里省略了视图控制器的构造方法和析构方法
- #region View lifecycle
- public override void ViewDidLoad ()
- {
- base.ViewDidLoad ();
- // Perform any additional setup after loading the view, typically from a nib.
- //为主视图添加文本视图对象myTextView
- UITextView myTextView = new UITextView ();
- myTextView .Frame = new RectangleF (9, 90, 302, 180);
- this.View.AddSubview (myTextView);
- //为主视图添加文本视图对象myText
- UITextView myText = new UITextView ();
- myText .Frame = new RectangleF (9, 330, 302, 180);
- myText.Editable=false;
- this.View.AddSubview (myText);
- myText.Hidden = true;
- //为主视图添加按钮对象button
- UIButton button = new UIButton ();
- button.Frame = new RectangleF (137, 56, 46, 30);
- button.SetTitle ("完成", UIControlState.Normal);
- this.View.AddSubview (button);
- button.TouchUpInside += (sender, e) => {
- myTextView.ResignFirstResponder(); //关闭键盘
- myText.Hidden=false;
- myText.Text=myTextView.Text;
- } ;
- myTextView.Delegate = new MyTextViewDelegate(); //设置委托
- }
- //添加嵌套的类
- private class MyTextViewDelegate : UITextViewDelegate
- {
- //当文本视图刚开始编辑时调用
- public override void EditingStarted (UITextView textView)
- {
- Console.WriteLine ("开始编辑文本");
- }
- //当文本视图编辑结束时调用
- public override void EditingEnded (UITextView textView)
- {
- Console.WriteLine ("结束编辑文本");
- }
- //当文本视图中的内容改变时调用
- public override void Changed (UITextView textView)
- {
- Console.WriteLine ("编辑文本");
- }
- }
- …… //这里省略了视图加载和卸载前后的一些方法
- #endregion
- }
- }
运行效果如图2.33所示。
图2.33 运行效果
在此示例中,需要注意两点:
1.键盘的消失
当用户触摸文本视图区域时,就会显示键盘;当触摸“完成”按钮后,显示的键盘就会消失。让键盘消失的方式其实很简单,就是使用ResignFirstResponder()方法取消当前的视图的第一响应功能。
2.文本视图的委托
当用户触摸文本框视图时,会在应用程序输出窗口输出“开始编辑文本”;当文本的内容有所改变时,会在应用程序输出窗口输出“编辑文本”;当触摸按钮后,会输出“结束文本编辑”。这些功能的实现就是通过了设置文本视图的委托delegate实现的。我们将文本视图的委托设置为了MyTextViewDelegate类,此类继承了UITextViewDelegate类。如以下的代码
- private class MyTextViewDelegate : UITextViewDelegate
- {
- ……
- }
在MyTextViewDelegate类中重写了父类UITextViewDelegate中的方法EditingStarted()、EditingEnded()、Changed(),实现了在应用程序输出窗口的字符串输出。
本文选自:Xamarin iOS开发实战大学霸内部资料,转载请注明出处,尊重技术尊重IT人!
Xamarin iOS教程之显示和编辑文本的更多相关文章
- Xamarin iOS教程之编辑界面编写代码
Xamarin iOS教程之编辑界面编写代码 Xamarin iOS的Interface Builder Interface Builder被称为编辑界面.它是一个虚拟的图形化设计工具,用来为iOS应 ...
- Xamarin iOS教程之键盘的使用和设置
Xamarin iOS教程之键盘的使用和设置 Xamarin iOS使用键盘 在文本框和文本视图中可以看到,当用户在触摸这些视图后,就会弹出键盘.本节将主要讲解键盘的输入类型定义.显示键盘时改变输入视 ...
- 最详细在Windows安装Xamarin.iOS教程
最详细在Windows安装Xamarin.iOS教程 来源:http://www.cnblogs.com/llyfe2006/articles/3098280.html 本文展示了如何设立Xamari ...
- Xamarin iOS教程之添加和定制视图
Xamarin iOS教程之添加和定制视图 Xamarin iOS用户界面——视图 在iPhone或者iPad中,用户看到的摸到的都是视图.视图是用户界面的重要组成元素.例如,想要让用户实现文本输入时 ...
- Xamarin iOS教程之自定义视图
Xamarin iOS教程之自定义视图 Xamarin iOS自定义视图 工具栏中的视图在实际应用开发中用的很多,但是为了吸引用户的眼球,开发者可以做出一些自定义的视图. [示例2-33]以下将实现一 ...
- Xamarin iOS教程之警告视图
Xamarin iOS教程之警告视图 Xamarin iOS警告视图 如果需要向用户显示一条非常重要的消息时,警告视图(UIAlertView类)就可以派上用场了.它的功能是把需要注意的信息显示给用户 ...
- Xamarin iOS教程之视图显示图像
Xamarin iOS教程之视图显示图像 Xamarin iOS显示图像 在主视图中显示一个图像,可以让开发者的应用程序变的更有趣,例如,在一些应用程序开始运行时,都会通过图像来显示此应用程序的玩法或 ...
- Xamarin iOS教程之申请付费开发者账号下载证书
Xamarin iOS教程之申请付费开发者账号下载证书 Xamarin iOS使用真机测试应用程序 在讲解iOS Simulator时,已经提到了虽然iOS Simulator可以模仿真实的设备,但是 ...
- Xamarin iOS教程之页面控件
Xamarin iOS教程之页面控件 Xamarin iOS 页面控件 在iPhone手机的主界面中,经常会看到一排小白点,那就是页面控件,如图2.44所示.它是由小白点和滚动视图组成,可以用来控制翻 ...
随机推荐
- vue axios的使用
详细可以看:https://www.kancloud.cn/yunye/axios/234845 这里介绍日常使用得比较多的get和post: import axios from 'axios' // ...
- CXF wsdl2java 生成java代码供客户端使用
CXF wsdl2java 生成java代码供客户端使用 环境配置:1.下载apache-cxf-2.6.2在环境变量中配置CXF_HOME 值为E:\gavin\cxf\apache-cxf-3.0 ...
- python---django请求-响应的生命周期(FBV和CBV含义)
Django请求的生命周期是指:当用户在访问该url路径是,在服务器Django后台都发生了什么. 客户端发送Http请求给服务端,Http请求是一堆字符串,其内容是: 访问:http://crm.o ...
- oracle connect by用法篇 (转)
1.基本语法 select * from table [start with condition1] connect by [prior] id=parentid 1 2 1 2 一般用来查找存在父子 ...
- MySQL和Sql Server的sql语句区别
1.自增长列的插入:SQLServer中可以不为自动增长列插入值,MySQL中需要为自动增长列插入值. 2.获取当前时间函数:SQLServer写法:getdate()MySQL写法:now() 3. ...
- 求二叉树中第K层结点的个数
一,问题描述 构建一棵二叉树(不一定是二叉查找树),求出该二叉树中第K层中的结点个数(根结点为第0层) 二,二叉树的构建 定义一个BinaryTree类来表示二叉树,二叉树BinaryTree 又是由 ...
- Mysql select id 加上order by 后结果不一致
测试数据将近280万 1.SELECT id FROM cbbd ORDER BY id LIMIT 900000,10 2.SELECT id FROM cbbd LIMIT 900000,10 ...
- mysql 创建用户自定义函数
为了防止分号产生的中途输出,自己定义一个 分隔符,这里仿照mysql官方的例子:使用两个美元符号 $$ 作为分割符号,下面这段代码就是创建一个自定义mysql函数的原型了,可以在这个基础上修改,这样, ...
- HDU 6395 Sequence 杜教板子题
题目意思非常明确,就是叫你求第n项,据我们学校一个大佬说他推出了矩阵,但是我是菜鸡,那么肯定是用简单的方法水过啦!我们先p^(1/2)的复杂度处理出i=[i,p]范围内的所有种类的(int)(p/i) ...
- Dream------hive on spark
一.Hive on Spark是Hive跑在Spark上,用的是Spark执行引擎,而不是MapReduce,和Hive on Tez的道理一样. 并且用的是$HIVE_HOME/bin/hive,l ...