Xamarin iOS教程之显示和编辑文本
Xamarin iOS教程之显示和编辑文本
大学霸 发表于3年前
Xamarin iOS教程之显示和编辑文本
  • 发表于 3年前
  • 阅读 45
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】如何购买服务器最划算?>>>   

摘要: 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  运行效果


共有 人打赏支持
粉丝 236
博文 777
码字总数 539200
×
大学霸
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: