百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

Visual Studio跨平台开发实战(4):Xamarin Android控制项介绍

yuyutoo 2025-04-08 20:27 7 浏览 0 评论

前言

不同于iOS, Xamarin 在Visual Studio中针对Android, 可以直接设计使用者界面. 在本篇教学文章中, 笔者会针对Android的专案目录结构以及基本控制项进行介绍, 包含TextView, EditView, Toggle/ Switch以及Seekbar控制项.

Android 专案目录结构

在Visual Studio建立Android 应用程序专案后, 在方案总览中会看到如下图的目录结构:

Assets:放置在Assets文件夹中的文件, 将会一起被封装进Android的封装文档中(建构动作设定为"AndroidAsset"). 之后便可以通过如下的陈述式来存取Assets的资源。

1public class ReadAsset : Activity
5protected override void OnCreate (Bundle bundle) {
9InputStream input = Assets.Open ("my_asset.txt");}}

Resources:包含Drawable, Layout以及Values文件夹. Drawable用来放置图片. 依照设备的解析度不同, 还可以新增drawable-hdpi, drawable-mdpi, drawable-ldpi等文件夹来存放不同解析度的文件. Layout文件夹则是存放使用者界面文档(副文档名为.axml). 而Value文件夹则是可以存放不同类别的XML对应文档, 例如styles.xml, colors.xml… 针对Resources底下的文件, 动作请设定为”AndroidResource”

若您开启预设的Main.axml, 会看到如同下面的XML描述

  • LinearLayout: 主要的页面框架, 以垂直或水平的方式排列页面上的对象, 相当于Silverlight 中的stack panel
  • @+id/[对象名称]: 告诉Android parser, 为对象建立一个resource id
  • @string/[名称]: 在String.xml中建立一个字符串资源, 后续可供Resource类别存取.

上述的@string则会对应到文件夹Resources\Values\String.xml

  • 名称Hello对应到UI中Button的Text属性
  • 名称ApplicationName对应到专案属性中的应用程序名称
  • 名称Hello2为自行定义的字符串资源.

有了以上的基本概念后, 接下来我们来介绍Android的基本控制项。

TextView

1. 开启Lab03-BasicControls 专案并开启Layout文件夹下的TextView.axml

2. 从左边的工具列将TextView拖放到画面中, 双击TextView并编辑文字

3. 接着拖拉一个TextView, 并在右边的属性视窗设定textcolor为#2A3748, textsize为24dip

4. 再拖拉一个TextView并输入文字, 包含一个超链接. 在属性中将autolink的属性值改为web.

结果如下:链接文字会自动变成超链接.

5. 最后拖拉一个TextView并输入文字, 包含超过5位数的数字, 在属性中将autolink的属性值改为phone

结果如下: 数字被更改为超链接

6. 开启TextViewScreen.cs 并在OnCreate 事件中载入Layout中的TextView

SetContentView(Resource.Layout.TextView);

7. 执行专案并检视及操作有链接的TextView內容.

EditText

1. 开启Layout文件夹下的EditText.axml

2. 从工具箱中拖拉1个Text(Small)及1个Plain Text对象到画面上并编辑Text的文字如下:

将属性中的autoText设为true

3. 拖拉一组Text及Plain Text对象到画面上并编辑Text的文字如下:

将属性中的capitalize设为words.

4. 拖拉一组Text及password对象到画面上并编辑Text的文字如下:

5. 开启EditTextScreen.cs 并在OnCreate 事件中载入Layout中的TextView

SetContentView(Resource.Layout.EditText);

6. 执行专案, 在第一个栏位输入错的单字, 将会出现拼字错误及建议视窗.

7. 其他栏位效果如下:

Switch / Toggle button

Switch跟Toggle其实是很相似的控制项, 都是控制开和关的选项, 但显示的方式有所不同. 我们在同一个练习中使用这2个控制项. (注: Switch控制项是在Android 4.0(API14)后才有, 因此在工具箱中找不到此控制项, 必须在XML中自行输入. 此外, 您的模拟器也必须是Android 4.0以上才能执行)

1. 开启SwitchToggle.axml. 在画面上依序部署1个TextView, 用来显示讯息, 1个ToggleButton以及1个Switch控制项. 如下图所示:

Axml的声明如下, 请微调部分属性:

01http://schemas.android.com/apk/res/android"
03android:orientation="vertical"
05android:layout_width="fill_parent"
07android:layout_height="fill_parent">
11android:textAppearance="?android:attr/textAppearanceMedium"
13android:layout_width="fill_parent"
15android:layout_height="wrap_content"
17android:id="@+id/textView1"/>
21android:layout_width="fill_parent"
23android:layout_height="wrap_content"
25android:id="@+id/toggleButton1"
31android:layout_marginBottom="6.7dp"/>
35android:layout_width="fill_parent"
37android:layout_height="wrap_content"
45android:layout_marginRight="225.3dp"/>

2. 开启SwitchToggleScreen.cs. 并编写以下代码.

03SetContentView(Resource.Layout.SwitchToggle);
07ToggleButton toggle = FindViewById(Resource.Id.toggleButton1);
09Switch _switch = FindViewById(Resource.Id.Switch1);
11TextView msg = FindViewById(Resource.Id.textView1);
13//处理Toggle Button的Click事件, 并将状态显示在TextView
15toggle.Click+= (sender, e) => {
19msg.Text = "目前Toggle Button的状态是\"开\"";}
23msg.Text = "目前Toggle Button的状态是\"关\"";};};
25//处理Switch的Click事件, 并将状态显示在TextView
27_switch.Click += (sender, e) => {
31msg.Text = "目前Switch Button的状态是\"开\"";}
35msg.Text = "目前Switch Button的状态是\"关\"";};};

Toggle Button及Switch 控制项的操作几乎完全相同, 主要就是处理控制项的click事件并判断目前的开关状况.

3. 执行专案并检视执行结果.

Seek Bar

1. 开启seekBar.axml并从工具箱拖放TextView及SeekBar控制项进银幕

界面声明的xml如下:

27android:layout_marginTop="48.0dp"/>

2. 开启SeekBarScreen.cs并在OnCreate事件中编写以下代码:

03SetContentView(Resource.Layout.SeekBar);
07var msg = FindViewById(Resource.Id.textView1);
09var seekbar = FindViewById(Resource.Id.seekBar1);
15//处理SeekBar的ProgressChanged事件, 并将目前的大小(进度)通过extView呈现
17seekbar.ProgressChanged += (sender, e) => {
19msg.Text = string.Format("目前Seekbar的大小为{0}", seekbar.Progress.ToString);

SeekBar的操作非常的直截. 您只需要处理SeekBar控制项的ProgressChanged事件即可.

3. 执行专案并检视执行结果.

结语

Android 的开发方式, 与先前介绍的iOS略有不同. iOS通过Outlet及Action将View及Controller进行连接. 而Android 则是通过Parser, 为页面上的控制项建立id属性, 让Activity可以通过FindViewById方式建立控制项的对象实体, 接下来的处理方式就与iOS或Windows Form在操作控制项的方式类似. 在下一篇教学文章中, 将说明Android应用程序的多页面处理.

本站文章除注明转载外,均为本站原创或翻译

相关推荐

深度解读Spring框架的核心原理

深度解读Spring框架的核心原理在Java开发的世界里,提到Spring框架,就像提起一位久经沙场的老将,它几乎成了企业级应用开发的代名词。那么,这个被无数开发者膜拜的框架究竟有何独特之处?今天,我...

「Spring认证」Spring 框架概述

Spring是最流行的企业Java应用程序开发框架。全球数以百万计的开发人员使用SpringFramework来创建高性能、易于测试和可重用的代码。Spring框架是一个开源的Java...

学习Spring框架 这一篇就够了

1.spring概述1.1Spring是什么(理解)...

Spring框架双核解析:IOC与AOP的本质与实战

#Spring核心#IOC容器#AOP编程#Java框架设计...

Spring Boot与传统Spring框架的对比:探索Java开发的新境界

SpringBoot与传统Spring框架的对比:探索Java开发的新境界在Java生态系统中,Spring框架无疑是一个里程碑式的存在。从最初的简单依赖注入容器,到如今覆盖企业级开发方方面面的庞大...

Spring MVC框架源码深度剖析:从入门到精通

SpringMVC框架源码深度剖析:从入门到精通SpringMVC框架简介SpringMVC作为Spring框架的一部分,为构建Web应用程序提供了强大且灵活的支持。它遵循MVC(Model-V...

Spring框架入门

一.spring是什么?Spring是分层...

程序员必知必会技能之Spring框架基础——面向切面编程!

面向切面编程AOP(AspectOrientedProgramming)与OOP(ObjectOrientedProgramming,面向对象编程)相辅相成。AOP提供了与OOP不同的抽象软件结...

Spring Security安全框架深度解读:为你的应用穿上“钢铁铠甲”

SpringSecurity安全框架深度解读:为你的应用穿上“钢铁铠甲”在现代网络世界里,保护我们的应用程序免受各种威胁攻击至关重要。而在这个过程中,SpringSecurity框架无疑是我们最可...

Spring框架的设计哲学与实现:打造轻量级的企业级Java应用

Spring框架的设计哲学与实现:打造轻量级的企业级Java应用Spring框架自2003年诞生以来,已成为企业级Java应用开发的代名词。它不仅仅是一个框架,更是一种设计理念和哲学的体现。本文将带你...

Spring框架深度解析:从核心原理到底层实现的全方位避坑指南

一、Spring框架核心概念解析1.控制反转(IoC)与依赖注入(DI)Spring的核心思想是通过IoC容器管理对象的生命周期和依赖关系。传统开发中,对象通过new主动创建依赖对象,导致高耦合;而S...

Java框架 —— Spring简介

简介一般来说,Spring指的是SpringFramework,它提供了很多功能,例如:控制反转(IOC)、依赖注入...

Spring 框架概述,模块划分

Spring框架以控制反转(InversionofControl,IoC)和面向切面编程(Aspect-OrientedProgramming,AOP)为核心,旨在简化企业级应用开发,使开发者...

spring框架怎么实现依赖注入?

依赖注入的作用就是在使用Spring框架创建对象时,动态的将其所依赖的对象注入到Bean组件中,其实现方式通常有两种,一种是属性setter方法注入,另一种是构造方法注入。具体介绍如下:●属性set...

Spring框架详解

  Spring是一种开放源码框架,旨在解决企业应用程序开发的复杂性。一个主要优点就是它的分层体系结构,层次结构让你可以选择要用的组件,同时也为J2EE应用程序开发提供了集成框架。  Spring特征...

取消回复欢迎 发表评论: