一种移动端唐诗自适应布局方法技术

技术编号:12524223 阅读:65 留言:0更新日期:2015-12-17 13:33
本发明专利技术公开了一种移动端唐诗自适应布局方法。包括:(1)建立移动端基于矢量的中文田字格自适应显示模块;(2)建立移动端基于矢量的拼音四线格自适应显示模块;(3)以移动端基于矢量的中文田字格和拼音四线格为背景自适应布局唐诗。本发明专利技术针对移动设备的多样性,利用移动设备的分辨率计算适应比例,使唐诗在移动设备的田字格中自适应布局,其良好的中文田字格的显示效果和精美的唐诗布局解决了在移动端学习汉字和唐诗的难题。

【技术实现步骤摘要】

本专利技术属于移动教育
,更具体地,涉及。
技术介绍
随着移动互联网技术和移动设备的快速发展,移动学习成为数字化学习的热点方 向,日益受到人们的关注。目前我国移动学习的发展还处于初级阶段,很多技术都面临着从 传统的PC端到移动端的转型。在指导小孩学习汉字时,人们习惯将它们置于田字格中。欣 赏田字格中的汉字,让孩子感受到每个字都有它的位置,而不能胡乱摆放,这是一个重要的 环节。另一方面,唐诗的学习覆盖整个语文学习阶段;对初学者而言,正确地抄写具有代表 性的唐诗是深切体会其结构之美的重要途径。 传统的中文田字格都是在PC端通过word或excel等办公软件制作而成的,这种 技术的弊端在于无法适应种类繁多和分辨率不一的移动设备,导致在移动端的显示质量明 显下降。
技术实现思路
针对现有技术的以上缺陷或改进需求,本专利技术提供了一种移动端唐诗自适应布局 方法,针对移动设备的多样性,利用移动设备的分辨率计算适应比例,使唐诗在移动设备的 田字格中自适应布局,其良好的中文田字格的显示效果和精美的唐诗布局解决了在移动端 学习汉字和唐诗的难题。 为实现上述目的,本专利技术提供了,其特征在于,包 括如下步骤: (1)建立移动端基于矢量的中文田字格自适应显示模块; 进一步包括如下步骤: (1-1)在移动端屏幕坐标系中选取四个顶点A(x,y)、B(x+100,y)、C(x,y+100) 和D(x+100, y+100),得到四条矢量实线段和M构成四边形外边界,选取 Mf^ 和M 的中点 E (x+50, y)、F (X,y+50)、G (x+50, y+100)和 H (x+100, y+50),得 到两条矢量虚线段??它和M构成中心辅助线,从而得到标准中文田字格;其中,屏幕坐标 系的原点为移动端屏幕的左上角点,X轴与移动端屏幕的左侧边重合,方向向下,Y轴与移 动端屏幕的顶边重合,方向向右; (1-2)设置汉字字体大小为72号,居中对齐,确定汉字在标准中文田字格中绘制 的基准点为W(x+75,y+50); (1-3)根据给定的缩放比例scale对标准中文田字格进行缩放,调整汉字字 体大小为72*scale号,居中对齐,确定汉字在缩放后的中文田字格中绘制的基准点为 W 1 (x+75*scale, y+50*scale),从而得到基于矢量的中文田字格自适应显示模块; (2)建立移动端基于矢量的拼音四线格自适应显示模块; 进一步包括如下步骤: (2-1)在移动端屏幕坐标系中选取如下点A' (X',y)、B' (X',y+100)、 C, (x,+20, y)、D, (x,+20, y+100)、E, (x,+40, y)、F, (x,+40, y+100)、 G,(x,+60, y)和 H,(x,+60, y+100),得到四条矢量实线段和 (77/7,从而得到标准拼音四线格;其中,x ^ = χ-60 ; (2-2)设置拼音字体大小为36号,居中对齐,确定拼音在标准拼音四线格中绘制 的基准点为P(x' +40,y+50); (2-3)根据给定的缩放比例scale对标准拼音四线格进行缩放,调整拼音字 体大小为36*scale号,居中对齐,确定拼音在缩放后的拼音四线格中绘制的基准点为 P 1 (X' +40*scale, y+50*scale),从而得到基于矢量的拼音四线格自适应显示模块; (3)以移动端基于矢量的中文田字格和拼音四线格为背景自适应布局唐诗。 优选地,所述步骤(3)进一步包括如下步骤: (3-1)以移动端基于矢量的中文田字格和拼音四线格为背景自适应布局唐诗标 题; 进一步包括如下步骤: (3-1-1)根据唐诗标题的字数对唐诗标题分行布局; (3-1-2)根据移动端屏幕分辨率的宽度&和唐诗标题分行中的最大可分配字数心 _计算唐诗标题各行的统一缩放比例S τ为: 其中,Df为预定的移动端屏幕空白位置大小; (3-1-3)计算唐诗标题每一行的绘制起始位置Lts1为: 其中,C1为对应行的可分配字数; (3-1-4)根据汉字顺序,从唐诗标题每一行的绘制起始位置Lts1开始,按照100* δ τ 进行偏移,计算唐诗标题每一行中的每一个字的绘制起始位置; (3-1-5)利用中文田字格自适应显示模块和拼音四线格自适应显示模块完成唐诗 标题的绘制; (3-2)以移动端基于矢量的中文田字格和拼音四线格为背景自适应布局唐诗内 容; 进一步包括如下步骤: (3-2-1)根据标点符号正则式对唐诗内容进行分割,计算唐诗内容总行数和各行 字数,并据此判断唐诗的体裁,当唐诗的体裁为古诗时,顺序执行步骤(3-2-2),否则跳至步 骤(3-2-3); (3-2-2)通过如下两种方法之一重新对唐诗内容进行分行布局,并得到唐诗内容 的行数及行最大字数; 方法一:设置行最大字数为7,遇到字数大于7的行则自动换行; 方法二:设置行最大字数为15,遇到相邻两行字数和小于15则置于同一行,遇到 字数大于15的行则自动换行; (3-2-3)分别计算唐诗内容布局的面积比1宽度比,以及高度比,从而得到唐诗内容各行的统一缩放比例S N =min{Vs,Vw,VH};其中,Rwa为唐诗内容布局的实际宽度,R haS唐诗内容布局的实际高度,η 为唐诗内容的行数,Cn _为唐诗内容的行最大字数; (3-2-4)计算唐诗内容每一行的绘制起始位置Lns1为: 其中,Cj为对应行的字数; (3-2-5)根据汉字顺序,从唐诗内容每一行的绘制起始位置Lns1开始,按照100* δ Ν 进行偏移,计算唐诗内容每一行的每一个字的绘制起始位置; (3-2-6)利用中文田字格自适应显示模块和拼音四线格自适应显示模块完成唐诗 内容的绘制。 优选地,所述步骤(3-1-1)进一步包括如下步骤: (3-1-1-1)将唐诗标题的总字数除以7后取整加1,得到分行数; (3-1-1-2)判断分行数是否小于3,是则执行步骤(3-1-1-3);否则将分行数设置 为3,执行步骤(3-1-1-4); (3-1-1-3)将唐诗标题的总字数除以分行数后取整加1,得到每行可分配字数,判 断每行可分配字数是否小于7,是则将第一行的可分配字数减1,第二行的可分配字数加1, 否则设置每行可分配字数为7,过程结束; (3-1-1-4)将唐诗标题的总字数除以分行数后取整加1,得到每行可分配字数,将 第一行的可分配字数减2,第二行和第三行的可分配字数加1,过程结束。 优选地,所述步骤(3-2-1)中,唐诗体裁的判断规则为:若唐诗内容总行数为4且 各行字数均为5则为五言绝句;若唐诗内容总行数为4且各行字数均为7则为七言绝句;若 唐诗内容总行数为8且各行字数均为5则为五言律诗;若唐诗内容总行数为8且各行字数 均为7则为七言律诗;其它情况统一归类为古诗。 总体而言,通过本专利技术所构思的以上技术方案与现有技术相比,具有以下有益效 果: (1)从绘制原理出发,自适应各类不同尺寸的移动端屏幕,无需针对特定屏幕大小 制作特定资源,能有效减少程序的大小与内容使用。 (2)采用基于矢量的绘制,能有效避免以图像方式缩放导致的模糊问题。 (3)首先提出自适应不同体裁唐诗的拼音与田字格联合展示,填补了应用空白。【附图说明】本文档来自技高网...
一种<a href="http://www.xjishu.com/zhuanli/55/CN105159645.html" title="一种移动端唐诗自适应布局方法原文来自X技术">移动端唐诗自适应布局方法</a>

【技术保护点】
一种移动端唐诗自适应布局方法,其特征在于,包括如下步骤:(1)建立移动端基于矢量的中文田字格自适应显示模块;进一步包括如下步骤:(1‑1)在移动端屏幕坐标系中选取四个顶点A(x,y)、B(x+100,y)、C(x,y+100)和D(x+100,y+100),得到四条矢量实线段和构成四边形外边界,选取和的中点E(x+50,y)、F(x,y+50)、G(x+50,y+100)和H(x+100,y+50),得到两条矢量虚线段和构成中心辅助线,从而得到标准中文田字格;其中,屏幕坐标系的原点为移动端屏幕的左上角点,X轴与移动端屏幕的左侧边重合,方向向下,Y轴与移动端屏幕的顶边重合,方向向右;(1‑2)设置汉字字体大小为72号,居中对齐,确定汉字在标准中文田字格中绘制的基准点为W(x+75,y+50);(1‑3)根据给定的缩放比例scale对标准中文田字格进行缩放,调整汉字字体大小为72*scale号,居中对齐,确定汉字在缩放后的中文田字格中绘制的基准点为W1(x+75*scale,y+50*scale),从而得到基于矢量的中文田字格自适应显示模块;(2)建立移动端基于矢量的拼音四线格自适应显示模块;进一步包括如下步骤:(2‑1)在移动端屏幕坐标系中选取如下点A′(x′,y)、B′(x′,y+100)、C′(x′+20,y)、D′(x′+20,y+100)、E′(x′+40,y)、F′(x′+40,y+100)、G′(x′+60,y)和H′(x′+60,y+100),得到四条矢量实线段和从而得到标准拼音四线格;其中,x′=x‑60;(2‑2)设置拼音字体大小为36号,居中对齐,确定拼音在标准拼音四线格中绘制的基准点为P(x′+40,y+50);(2‑3)根据给定的缩放比例scale对标准拼音四线格进行缩放,调整拼音字体大小为36*scale号,居中对齐,确定拼音在缩放后的拼音四线格中绘制的基准点为P1(x′+40*scale,y+50*scale),从而得到基于矢量的拼音四线格自适应显示模块;(3)以移动端基于矢量的中文田字格和拼音四线格为背景自适应布局唐诗。...

【技术特征摘要】

【专利技术属性】
技术研发人员:周东波钟正
申请(专利权)人:华中师范大学
类型:发明
国别省市:湖北;42

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1