自定义键盘布局不适合屏幕答案

【问题标题】：Custom keyboard layout not fits on screen自定义键盘布局不适合屏幕
【发布时间】：2019-02-07 20:39:06
【问题描述】：

我得到了一个自定义键盘，用于玩基于文本的游戏。问题是当我将verticalGap 和horizontalGap 放在一个小的键间隙时，键不适合。键不适合屏幕的原因是，我有一个高度为 3 行的键（主键）。所以我为我的主键（宽度为 40%）制作了第二行和第三行键 40%p。我的键盘 xml 是： res/xml/drpgkeys.xml

<Keyboard xmlns:android="http://schemas.android.com/apk/res/android"
android:horizontalGap="5dp"
android:keyHeight="9%p"
android:keyWidth="10%p"
android:verticalGap="5dp">

<Row>
    <Key
        android:codes="888"
        android:keyEdgeFlags="left"
        android:keyHeight="27%p"
        android:keyLabel="ADV"
        android:keyWidth="40%p" />

    <Key
        android:codes="907"
        android:keyLabel="MINE"
        android:keyWidth="30%p" />
    <Key
        android:codes="905"
        android:keyEdgeFlags="right"
        android:keyLabel="CHOP"
        android:keyWidth="30%p" />
</Row>
<Row>
    <Key
        android:codes="906"
        android:horizontalGap="40%p"
        android:keyLabel="FORAGE"
        android:keyWidth="30%p" />
    <Key
        android:codes="908"
        android:keyEdgeFlags="right"
        android:keyLabel="FISH"
        android:keyWidth="30%p" />
</Row>

<Row android:keyHeight="8%p">
    <Key
        android:codes="201"
        android:horizontalGap="40%p"
        android:keyLabel="O.o"
        android:keyWidth="12%p"
        android:popupKeyboard="@xml/inv" />
    <Key
        android:codes="334"
        android:keyLabel="Undefined"
        android:keyWidth="36%p"
        android:popupKeyboard="@xml/market" />
    <Key
        android:codes="202"
        android:keyEdgeFlags="right"
        android:keyLabel="o.O"
        android:keyWidth="12%p"
        android:popupKeyboard="@xml/ginv" />


</Row>
<Row
    android:keyHeight="8%p"
    android:rowEdgeFlags="bottom">
    <Key
        android:codes="900"
        android:keyEdgeFlags="left"
        android:keyLabel="STATS"
        android:keyWidth="20%p"
        android:popupKeyboard="@xml/stats" />
    <Key
        android:codes="901"
        android:keyLabel="PET"
        android:keyWidth="20%p" />
    <Key
        android:codes="903"
        android:keyLabel="HEAL"
        android:keyWidth="20%p" />
    <Key
        android:codes="904"
        android:keyLabel="PHEAL"
        android:keyWidth="20%p" />
    <Key
        android:codes="333"
        android:keyEdgeFlags="right"
        android:keyIcon="@drawable/key_icon"
        android:keyWidth="20%p"
        android:popupKeyboard="@xml/optionkey" />
</Row>
</Keyboard>

我的键盘布局是：res/layout/keyboard.xml

<?xml version="1.0" encoding="UTF-8"?>
<drpg.ddkeys.ddKeysView 
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:fitsSystemWindows="true"
android:keyBackground="@drawable/key_background"
android:keyPreviewLayout="@null"
android:keyTextColor="#99b3c4"
android:popupLayout="@layout/popupkeys" />

我的key_backgroud drawable 正常状态键盘是https://pastebin.com/raw/hTLJ8PZu 键盘照片：https://i.imgur.com/Sf6DVad.jpg 其中，ADV 键的高度小于第 3 行键，第 2 行和第 3 行在屏幕外。

【问题讨论】：

不能用这个添加可绘制文件，格式化代码时显示一些错误
我确实通过减小 2nd 和 3rd 行键大小并增加 ADV 键高度来解决我的问题。但这并不适用于所有设备。
四处搜索，发现了一个叫做GridLayout的东西。我不知道如何在这里实现..¯_(ツ)_/¯

标签： android android-custom-keyboard

【解决方案1】：

我已通过从 Keyboard 级别删除 android:horizontalGap 并应用到 Key 级别解决了我的问题。并在 %p 中制作了 HorizontalGap 并调整了每个键的大小，因此我的总键宽应该达到 100%p。

<Keyboard xmlns:android="http://schemas.android.com/apk/res/android"
android:keyHeight="9%p"
android:keyWidth="10%p"
android:verticalGap="0.55%p">

<Row>
    <Key
        android:codes="888"
        android:keyEdgeFlags="left"
        android:keyHeight="27%p"
        android:keyLabel="ADV"
        android:keyWidth="40%p" />

    <Key
        android:codes="907"
        android:horizontalGap="1%p"
        android:keyLabel="MINE"
        android:keyWidth="29%p" />
    <Key
        android:codes="905"
        android:horizontalGap="1%p"
        android:keyEdgeFlags="right"
        android:keyLabel="CHOP"
        android:keyWidth="29%p" />
</Row>

<Row>
    <Key
        android:codes="906"
        android:horizontalGap="41%p"
        android:keyLabel="FORAGE"
        android:keyWidth="29%p" />
    <Key
        android:codes="908"
        android:horizontalGap="1%p"
        android:keyEdgeFlags="right"
        android:keyLabel="FISH"
        android:keyWidth="29%p" />
</Row>

<Row
    android:keyHeight="8%p"
    android:keyboardMode="@integer/default_keys">
    <Key
        android:codes="201"
        android:horizontalGap="41%p"
        android:keyLabel="O.o"
        android:keyWidth="11%p"
        android:popupKeyboard="@xml/inv" />
    <Key
        android:codes="334"
        android:horizontalGap="1%p"
        android:keyLabel="Undefined"
        android:keyWidth="35%p"
        android:popupKeyboard="@xml/market" />
    <Key
        android:codes="202"
        android:horizontalGap="1%p"
        android:keyEdgeFlags="right"
        android:keyLabel="o.O"
        android:keyWidth="11%p"
        android:popupKeyboard="@xml/ginv" />
</Row>

<Row
    android:keyHeight="8%p"
    android:keyboardMode="@integer/custom_keys">
    <Key
        android:codes="201"
        android:horizontalGap="41%p"
        android:keyLabel="O_o"
        android:keyWidth="11%p"
        android:popupKeyboard="@xml/customkeys_left" />
    <Key
        android:codes="334"
        android:horizontalGap="1%p"
        android:keyLabel="Undefined"
        android:keyWidth="35%p"
        android:popupKeyboard="@xml/market" />
    <Key
        android:codes="202"
        android:horizontalGap="1%p"
        android:keyEdgeFlags="right"
        android:keyLabel="o_O"
        android:keyWidth="11%p"
        android:popupKeyboard="@xml/customkeys_right" />
</Row>

<Row
    android:keyHeight="8%p"
    android:rowEdgeFlags="bottom">
    <Key
        android:codes="900"
        android:keyEdgeFlags="left"
        android:keyLabel="STATS"
        android:keyWidth="19.2%p"
      android:popupKeyboard="@xml/stats" />
    <Key
        android:codes="901"
        android:keyLabel="PET"
        android:keyWidth="19.2%p" 
        android:horizontalGap="1%p"/>
    <Key
        android:codes="903"
        android:keyLabel="HEAL"
        android:keyWidth="19.2%p"
        android:horizontalGap="1%p" />
    <Key
        android:codes="904"
        android:keyLabel="PHEAL"
        android:keyWidth="19.2%p"
        android:horizontalGap="1%p" />
    <Key
        android:codes="333"
        android:keyEdgeFlags="right"
        android:keyIcon="@drawable/key_icon"
        android:keyWidth="19.2%p"
        android:popupKeyboard="@xml/optionkey" 
        android:horizontalGap="1%p"/>
 </Row>
 </Keyboard>

【讨论】：