青铜修炼手册：Axure实现汉字拼音首字母查询（非JS版）

上图就是我们要实现的目标：输入一个汉字能够查到它的拼音首字母。

实际上，明白了实现原理之后，通过汉字查拼音、查声母都是可以实现的。

关键在于有没有一个能够使用的源数据。

我们先来看看元件的准备工作。

上面这张图，大家能够看到这个案例使用的所有元件。

最关键的就是命名为“PinYin”的这个元件，它的文字包含了所有的文字以及对应的拼音首字母。

源数据下载：http://downloads.iaxure.com/pinyin.txt

大家可以下载源数据文件，复制里面的内容，粘贴到Axure编辑区中即可。

我们能够看到源数据的格式有一定的规律：[相同拼音首字母的所有文字][拼音首字母][逗号]......

那么，试想一下，当我们输入一个文字点查询时：

1、查询到汉字在源数据中出现的位置；

2、从查询到的位置向后查询逗号所在的位置；

3、获取到逗号所在位置前一位的拼音首字母。

完美！

所以，当我们准备好元件（注意将元件“PinYin”缩小尺寸后隐藏），就可以添加交互了。

交互如上图所示：

查找按钮“Search”【鼠标单击时】，添加用例与动作：【设置文字】于元件“Result”为一个公式...

具体公式是什么样子的呢？

如下图所示：

公式的完整内容是：“汉字的首字母是：[[p.charAt(p.indexOf(\',\',p.indexOf(w))-1)]]”。

简单说明一下：

“p”和“w”是两个局部变量，分别存入了源数据和输入的汉字内容；
“p.charAt()”能够获取指定位置的字符；
“p.indexOf(w)”能够获取汉字在源数据中出现的位置。
“p.indexOf(\',\',p.indexOf(w))-1”能够从汉字位置开始向右查找逗号所在的位置，找到的位置减1就是拼音首字母的位置。

这里值得一提的是“indexOf()”这个函数，它能够由左至右的从一个字符串中查询参数字符串出现的位置，它有两个参数，分别是“被查询的字符串”和“查询的起始位置”，如果没有提供第二个参数默认从最左侧向右查询。

好了，到这里这个案例就完成了。

希望大家能够从这个案例中学习到有用的知识点。

源文件下载：https://download.csdn.net/download/qq_27884377/11263644

本文由 Axure中文网作者：小楼一夜听春语发表，其版权均为 Axure中文网所有，文章内容系作者个人观点，不代表 Axure中文网对观点赞同或支持。如需转载，请注明文章来源。

青铜修炼手册：Axure实现汉字拼音首字母查询（非JS版）相关推荐

python怎么识别拼音-python获取一组汉字拼音首字母的方法
本文实例讲述了python获取一组汉字拼音首字母的方法.分享给大家供大家参考.具体实现方法如下: #!/usr/bin/env python # -*- coding: utf-8 -*- def m ...
python汉字拼音查询_python获取一组汉字拼音首字母的方法
本文实例讲述了python获取一组汉字拼音首字母的方法.分享给大家供大家参考.具体实现方法如下: #!/usr/bin/env python # -*- coding: utf-8 -*- def m ...
（转载）C#提取汉字拼音首字母的方法
今天突然要用到提取汉字拼音首字母的功能,去网上找了找,发现没有几个好用的,决定自己写一个,效果还不错,发出来大家一起研究下,分享给大家!直接入主题: 1.首先对编码进行定义 #region 编码定义 ...
mysql查询汉字拼音首字母的方法_MySQL查询汉字拼音首字母的方法
下面为您介绍了MySQL查询汉字拼音首字母的方法,该方法极具实用价值,如果您之前遇到过类似方面的问题,不妨一看. MySQL查询汉字拼音首字母方法如下: 1.建立拼音首字母资料表 Sql代码: DRO ...
QT下获取汉字拼音首字母
///汉字拼音首字母列表本列表,包含了20902个汉字的拼音的第一个字母 ///本表收录的汉字字符的Unicode编码范围为19968至40869, XDesigner 整理 QString str ...
类似qq的汉字拼音首字查询
一个demo,大概思路是这样:用Properties的load()来加载一个固定格式的文本文件注1,然后直接当Hashtable用. package org.navyblue.tests; impor ...
C#按汉字拼音首字母排序
可参考以下博客. C# 使用微软的Visual Studio International Pack 类库提取汉字拼音首字母 - 影子科技 - 博客园 http://www.cnblogs.com/ya ...
php获取汉字的首字母,php获取汉字拼音首字母的方法
现实中我们经常看到这样的说明,排名不分先后,按姓名首字母进行排序.这是中国人大多数使用的排序方法.那么在php程序中该如何操作呢? 下面就分享一下在php程序中获取汉字拼音的首字母的方法,在网上搜到的 ...
python汉字转拼音首字母_python获取一组汉字拼音首字母的方法
作者:不吃皮蛋字体: 类型:转载这篇文章主要介绍了python获取一组汉字拼音首字母的方法,涉及Python针对汉字操作的相关技巧,需要的朋友可以参考下本文实例讲述了python获取一组汉字拼音 ...

青铜修炼手册：Axure实现汉字拼音首字母查询（非JS版）

青铜修炼手册：Axure实现汉字拼音首字母查询（非JS版）相关推荐

最新文章

热门文章