keyboardview 字母键盘按键与数字键盘高度一致的适配解决办法

虽然最新的键盘不再使用keyboardview开发,但是以前的代码还是要维护,现在接了一个任务 ,要完成pad的适配,于是开始琢磨计算了。

根据设计图,数字键盘和字母键盘高度一样,另外 字母键盘的间隙要好看,所以我主要是先编写字母键盘,然后完成数字键盘。

image.png

字母键盘规律,间隙5个 ,按键 4个,

image.png

数字键盘 ,按键为4,间隙百分之0.1忽略不计。

    <dimen name="key_height_new">5.5%</dimen>
    <dimen name="key_verticalGap">1%p</dimen>
    <dimen name="number_key_height">6.75%p</dimen>
    <dimen name="key_font_size">37sp</dimen>
    <!-- Default screen margins, per the Android Design guidelines. -->

    <dimen name="keyboard_title_width_title_margin">15dp</dimen>
    <dimen name="keyboard_title_margin_left">25dp</dimen>
    <dimen name="keyboard_title_margin_right">25dp</dimen>


    <dimen name="shift_key_width">13%p</dimen>
    <dimen name="normal_key_width">8%p</dimen>
    <dimen name="fun_fix_width">1.8%p</dimen>
    <dimen name="normal_key_hor_gap">1.81%p</dimen>
    <!--九个按键补上的区域-->
    <dimen name="key_last_second_nine_square_head_fix_width">5.6%p</dimen>


    <dimen name="normal_line1_second_key_fix_gap">1%p</dimen>
    <dimen name="normal_line1_first_key_fix_gap">0.8%p</dimen>

其中

    <dimen name="key_height_new">5.5%</dimen>
    <dimen name="key_verticalGap">1%p</dimen>

为字母键盘的高度和垂直间隙

公式 是 5.54+(15)= 27, 那么按键是27/4=6.75 实际上数字键盘也有间隙 ,27-(4*间隙百分比)/4才是最准确的。6.65%p 果然,如果不把数字的间隙算进去,就会发现切换到数字键盘,数字键盘高度还是变高了一点点,这个东西呢越小的dp手机看起来越明显。
为了方便,我用了计算器。

image.png
image.png

最后发现某些手机还是不太对,一定是哪里算错了,通过真机发现,其实数字键盘只有3个分割线,所以
公式=((按键行总数*按键高度)+(按键间隔总数*按键间隔值)-(数字键盘间隔总数*间隔百分比值) )/数字键盘行总数

从上面贴的图来看,应该是
result=((字母按键高度值*4)+(字母按键间隔值*5) -(数字间隔值*3))
result/4 

下面这个就是比较完美的例子。

   <dimen name="key_height_new">9.5%</dimen>
    <dimen name="key_verticalGap">2%p</dimen>
    <dimen name="number_key_height">11.925%p</dimen>
    <dimen name="numkeyboard_verticalGap">0.1%</dimen>

![OOT)XY~S`G5{@U}DVU0LCA.png

最后我编写了一个程序 3个值不是固定的,其他都是固定的。。。

image.png
letterHeightSize=float(input("请输入字母键盘按键高度百分比:"))
letterGapSize=float(input("请输入键盘间隙的大小百分比:"))
numberGapSize=float(input("请输入数字键盘间隙的大小百分比:"))

微差

由于间隔线是单数,不太恰当的百分比会感觉非常明显的跳动,至少肉眼能看出来数字键盘和字母键盘不一致,通过调整 1为0.8 0.1为0.12 或者0.08这个肉眼就看不出来了。

image.png

最后还是解决不了问题,改数值的办法解决不了所有手机的问题。


aaa
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,036评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,046评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,411评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,622评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,661评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,521评论 1 304
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,288评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,200评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,644评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,837评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,953评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,673评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,281评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,889评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,011评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,119评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,901评论 2 355

推荐阅读更多精彩内容