qmk_firmware/feature_layouts.html

54 lines
104 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Layouts: Using a Keymap with Multiple Keyboards | QMK Firmware</title>
<meta name="description" content="Documentation for QMK Firmware">
<meta name="generator" content="VitePress v1.1.3">
<link rel="preload stylesheet" href="/assets/style.No8zk9aC.css" as="style">
<script type="module" src="/assets/app.C665oY-b.js"></script>
<link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="modulepreload" href="/assets/chunks/framework.DyMmIvSC.js">
<link rel="modulepreload" href="/assets/chunks/theme.DDP8I4Kh.js">
<link rel="modulepreload" href="/assets/feature_layouts.md.qcy8hNMO.lean.js">
<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
</head>
<body>
<div id="app"><div class="Layout" data-v-5d98c3a5><!--[--><!--]--><!--[--><span tabindex="-1" data-v-0f60ec36></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-0f60ec36> Skip to content </a><!--]--><!----><header class="VPNav" data-v-5d98c3a5 data-v-ae24b3ad><div class="VPNavBar has-sidebar top" data-v-ae24b3ad data-v-ccf7ddec><div class="wrapper" data-v-ccf7ddec><div class="container" data-v-ccf7ddec><div class="title" data-v-ccf7ddec><div class="VPNavBarTitle has-sidebar" data-v-ccf7ddec data-v-ab179fa1><a class="title" href="/" data-v-ab179fa1><!--[--><!--]--><!--[--><!--[--><!--[--><img class="VPImage dark logo" src="/qmk-logo-dark.svg" alt data-v-8426fc1a><!--]--><!--[--><img class="VPImage light logo" src="/qmk-logo-light.svg" alt data-v-8426fc1a><!--]--><!--]--><!--]--><span data-v-ab179fa1>QMK Firmware</span><!--[--><!--]--></a></div></div><div class="content" data-v-ccf7ddec><div class="content-body" data-v-ccf7ddec><!--[--><!--]--><div class="VPNavBarSearch search" data-v-ccf7ddec><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-ccf7ddec data-v-7f418b0f><span id="main-nav-aria-label" class="visually-hidden" data-v-7f418b0f>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="./" tabindex="0" data-v-7f418b0f data-v-9c663999><!--[--><span data-v-9c663999>Home</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-ccf7ddec data-v-e6aabb21><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-e6aabb21 data-v-d1f28634 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-d1f28634></span><span class="vpi-moon moon" data-v-d1f28634></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-ccf7ddec data-v-0394ad82 data-v-7bc22406><!--[--><a class="VPSocialLink no-icon" href="https://reddit.com/r/olkb" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"><path d="M 29 3 C 28.0625 3 27.164063 3.382813 26.5 4 C 25.835938 4.617188 25.363281 5.433594 25 6.40625 C 24.355469 8.140625 24.085938 10.394531 24.03125 13.03125 C 19.234375 13.179688 14.820313 14.421875 11.28125 16.46875 C 10.214844 15.46875 8.855469 14.96875 7.5 14.96875 C 6.089844 14.96875 4.675781 15.511719 3.59375 16.59375 C 1.425781 18.761719 1.425781 22.238281 3.59375 24.40625 L 3.84375 24.65625 C 3.3125 26.035156 3 27.488281 3 29 C 3 33.527344 5.566406 37.585938 9.5625 40.4375 C 13.558594 43.289063 19.007813 45 25 45 C 30.992188 45 36.441406 43.289063 40.4375 40.4375 C 44.433594 37.585938 47 33.527344 47 29 C 47 27.488281 46.6875 26.035156 46.15625 24.65625 L 46.40625 24.40625 C 48.574219 22.238281 48.574219 18.761719 46.40625 16.59375 C 45.324219 15.511719 43.910156 14.96875 42.5 14.96875 C 41.144531 14.96875 39.785156 15.46875 38.71875 16.46875 C 35.195313 14.433594 30.800781 13.191406 26.03125 13.03125 C 26.09375 10.546875 26.363281 8.46875 26.875 7.09375 C 27.164063 6.316406 27.527344 5.757813 27.875 5.4375 C 28.222656 5.117188 28.539063 5 29 5 C 29.460938 5 29.683594 5.125 30.03125 5.40625 C 30.378906 5.6875 30.785156 6.148438 31.3125 6.6875 C 32.253906 7.652344 33.695313 8.714844 36.09375 8.9375 C 36.539063 11.238281 38.574219 13 41 13 C 43.75 13 46 10.75 46 8 C 46 5.25 43.75 3 41 3 C 38.605469 3 36.574219 4.710938 36.09375 6.96875 C 34.3125 6.796875 33.527344 6.109375 32.75 5.3125 C 32.300781 4.851563 31.886719
<span class="line"><span>+ default/</span></span>
<span class="line"><span>| + 60_ansi/</span></span>
<span class="line"><span>| | + readme.md</span></span>
<span class="line"><span>| | + layout.json</span></span>
<span class="line"><span>| | + a_good_keymap/</span></span>
<span class="line"><span>| | | + keymap.c</span></span>
<span class="line"><span>| | | + readme.md</span></span>
<span class="line"><span>| | | + config.h</span></span>
<span class="line"><span>| | | + rules.mk</span></span>
<span class="line"><span>| | + &lt;keymap folder&gt;/</span></span>
<span class="line"><span>| | + ...</span></span>
<span class="line"><span>| + &lt;layout folder&gt;/</span></span>
<span class="line"><span>+ community/</span></span>
<span class="line"><span>| + &lt;layout folder&gt;/</span></span>
<span class="line"><span>| + ...</span></span></code></pre></div><p>The <code>layouts/default/</code> and <code>layouts/community/</code> are two examples of layout &quot;repositories&quot; - currently <code>default</code> will contain all of the information concerning the layout, and one default keymap named <code>default_&lt;layout&gt;</code>, for users to use as a reference. <code>community</code> contains all of the community keymaps, with the eventual goal of being split-off into a separate repo for users to clone into <code>layouts/</code>. QMK searches through all folders in <code>layouts/</code>, so it&#39;s possible to have multiple repositories here.</p><p>Each layout folder is named (<code>[a-z0-9_]</code>) after the physical aspects of the layout, in the most generic way possible, and contains a <code>readme.md</code> with the layout to be defined by the keyboard:</p><div class="language-markdown vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;--shiki-light-font-weight:bold;--shiki-dark-font-weight:bold;"># 60_ansi</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> LAYOUT_60_ansi</span></span></code></pre></div><p>New names should try to stick to the standards set by existing layouts, and can be discussed in the PR/Issue.</p><h2 id="supporting-a-layout" tabindex="-1">Supporting a Layout <a class="header-anchor" href="#supporting-a-layout" aria-label="Permalink to &quot;Supporting a Layout&quot;"></a></h2><p>For a keyboard to support a layout, the variable must be defined in it&#39;s <code>&lt;keyboard&gt;.h</code>, and match the number of arguments/keys (and preferably the physical layout):</p><div class="language-c vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">c</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">#define</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> LAYOUT_60_ansi</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> KEYMAP_ANSI</span></span></code></pre></div><p>The name of the layout must match this regex: <code>[a-z0-9_]+</code></p><p>The folder name must be added to the keyboard&#39;s <code>rules.mk</code>:</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>LAYOUTS = 60_ansi</span></span></code></pre></div><p><code>LAYOUTS</code> can be set in any keyboard folder level&#39;s <code>rules.mk</code>:</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>LAYOUTS = 60_iso</span></span></code></pre></div><p>but the <code>LAYOUT_&lt;layout&gt;</code> variable must be defined in <code>&lt;folder&gt;.h</code> as well.</p><h2 id="building-a-keymap" tabindex="-1">Building a Keymap <a class="header-anchor" href="#building-a-keymap" aria-label="Permalink to &quot;Building a Keymap&quot;"></a></h2><p>You should be able to build the keyboard keymap with a command in this format:</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>make &lt;keyboard&gt;:&lt;layout&gt;</span></span></code></pre></div><h3 id="conflicting-layouts" tabindex="-1">Conflicting layouts <a class="header-anchor" href="#conflicting-layouts" aria-label="Permalink to &quot;Conflicting layouts&quot;"></a></h3><p>When a keyboard supports multiple layout options,</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>LAYOUTS = ortho_4x4 ortho_4x12</span></span></code></pre></div><p>And a layout exists for both options,</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>layouts/</span></span>
<span class="line"><span>+ community/</span></span>
<span class="line"><span>| + ortho_4x4/</span></span>
<span class="line"><span>| | + &lt;layout&gt;/</span></span>
<span class="line"><span>| | | + ...</span></span>
<span class="line"><span>| + ortho_4x12/</span></span>
<span class="line"><span>| | + &lt;layout&gt;/</span></span>
<span class="line"><span>| | | + ...</span></span>
<span class="line"><span>| + ...</span></span></code></pre></div><p>The FORCE_LAYOUT argument can be used to specify which layout to build</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>make &lt;keyboard&gt;:&lt;layout&gt; FORCE_LAYOUT=ortho_4x4</span></span>
<span class="line"><span>make &lt;keyboard&gt;:&lt;layout&gt; FORCE_LAYOUT=ortho_4x12</span></span></code></pre></div><h2 id="tips-for-making-layouts-keyboard-agnostic" tabindex="-1">Tips for Making Layouts Keyboard-Agnostic <a class="header-anchor" href="#tips-for-making-layouts-keyboard-agnostic" aria-label="Permalink to &quot;Tips for Making Layouts Keyboard-Agnostic&quot;"></a></h2><h3 id="includes" tabindex="-1">Includes <a class="header-anchor" href="#includes" aria-label="Permalink to &quot;Includes&quot;"></a></h3><p>Instead of using <code>#include &quot;planck.h&quot;</code>, you can use this line to include whatever <code>&lt;keyboard&gt;.h</code> (<code>&lt;folder&gt;.h</code> should not be included here) file that is being compiled:</p><div class="language-c vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">c</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">#include</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> QMK_KEYBOARD_H</span></span></code></pre></div><p>If you want to keep some keyboard-specific code, you can use these variables to escape it with an <code>#ifdef</code> statement:</p><ul><li><code>KEYBOARD_&lt;folder1&gt;_&lt;folder2&gt;</code></li></ul><p>For example:</p><div class="language-c vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">c</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">#ifdef</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> KEYBOARD_planck</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> #ifdef</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> KEYBOARD_planck_rev4</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> planck_rev4_function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> #endif</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">#endif</span></span></code></pre></div><p>Note that the names are lowercase and match the folder/file names for the keyboard/revision exactly.</p><h3 id="keymaps" tabindex="-1">Keymaps <a class="header-anchor" href="#keymaps" aria-label="Permalink to &quot;Keymaps&quot;"></a></h3><p>In order to support both split and non-split keyboards with the same layout, you need to use the keyboard agnostic <code>LAYOUT_&lt;layout name&gt;</code> macro in your keymap. For instance, in order for a Let&#39;s Split and Planck to share the same layout file, you need to use <code>LAYOUT_ortho_4x12</code> instead of <code>LAYOUT_planck_grid</code> or just <code>{}</code> for a C array.</p></div></div></main><footer class="VPDocFooter" data-v-39a288b8 data-v-09de1c0f><!--[--><!--]--><!----><nav class="prev-next" data-v-09de1c0f><div class="pager" data-v-09de1c0f><a class="VPLink link pager-link prev" href="/documentation_templates" data-v-09de1c0f><!--[--><span class="desc" data-v-09de1c0f>Previous page</span><span class="title" data-v-09de1c0f>Documentation Templates</span><!--]--></a></div><div class="pager" data-v-09de1c0f><a class="VPLink link pager-link next" href="/unit_testing" data-v-09de1c0f><!--[--><span class="desc" data-v-09de1c0f>Next page</span><span class="title" data-v-09de1c0f>Unit Testing</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
<script>window.__VP_HASH_MAP__=JSON.parse("{\"changelog_20200530.md\":\"Dk-vRpTQ\",\"changelog_20240225.md\":\"CGDoAFQ4\",\"changelog_20200229.md\":\"DNsowwM1\",\"changelog_20231126.md\":\"D2Ok5QAf\",\"capabilities.md\":\"DgKwcj5n\",\"changelog_20190830.md\":\"Drtq3lMy\",\"chibios_upgrade_instructions.md\":\"B5dMtL5R\",\"changelog_20201128.md\":\"7XXL02Bn\",\"changelog_20210227.md\":\"BWOtCaeS\",\"api_development_environment.md\":\"EhJClb9f\",\"breaking_changes.md\":\"BtdqWQlY\",\"breaking_changes_instructions.md\":\"BAjIGeJb\",\"apa102_driver.md\":\"DGTINeKZ\",\"changelog_20220528.md\":\"BdSPPJS6\",\"changelog_20230827.md\":\"CkGh7Wzq\",\"changelog_20210529.md\":\"CR1YNfZX\",\"changelog_20230528.md\":\"BMuuw__T\",\"arm_debugging.md\":\"BH-H2Ukz\",\"changelog_20240526.md\":\"iGLFD0SP\",\"changelog_20220827.md\":\"I6ja7C5w\",\"changelog_20220226.md\":\"Ee8ZP8S1\",\"capabilities_inc.md\":\"Ca9zpMce\",\"coding_conventions_python.md\":\"BV-OK1s5\",\"config_options.md\":\"D0qoSxZG\",\"api_overview.md\":\"0FPaUsMb\",\"breaking_changes_history.md\":\"CkzdD6x8\",\"configurator_step_by_step.md\":\"GvmPtScT\",\"changelog_20210828.md\":\"X99NaKjy\",\"configurator_default_keymaps.md\":\"B3v8dlHd\",\"driver_installation_zadig.md\":\"C1kH3vn8\",\"contributing.md\":\"DLsp4vSA\",\"easy_maker.md\":\"BLadB4D_\",\"custom_matrix.md\":\"DMnRw_5l\",\"changelog_20211127.md\":\"BDzkUAQX\",\"adc_driver.md\":\"DGNSFJQa\",\"changelog_20200829.md\":\"CoqrOffn\",\"audio_driver.md\":\"YKqJ1wkZ\",\"custom_quantum_functions.md\":\"BabGw-ye\",\"api_development_overview.md\":\"Dcey4ntL\",\"compatible_microcontrollers.md\":\"6HA6FJZJ\",\"cli.md\":\"BLzAdA6l\",\"feature_auto_shift.md\":\"0xqmu9IK\",\"changelog_20230226.md\":\"CEQKb2Sw\",\"configurator_architecture.md\":\"DEFTvTlS\",\"documentation_templates.md\":\"Bhkum0wD\",\"cli_configuration.md\":\"CGSB128P\",\"faq_keymap.md\":\"BNm1UZCq\",\"configurator_troubleshooting.md\":\"BxGLPT8G\",\"feature_audio.md\":\"CSdy-B0q\",\"cli_commands.md\":\"DCpejdln\",\"api_docs.md\":\"CRoD6CbL\",\"coding_conventions_c.md\":\"DdrpXBEh\",\"eeprom_driver.md\":\"CJGhJYmK\",\"faq_build.md\":\"Bryo1ywz\",\"cli_development.md\":\"3xFA2OvS\",\"cli_tab_complete.md\":\"ChaxfzYo\",\"changelog_20221126.md\":\"BOpHhXi2\",\"faq_general.md\":\"BC3pFw4U\",\"feature_autocorrect.md\":\"MXySdvB8\",\"feature_converters.md\":\"Bmv29bqN\",\"getting_started_docker.md\":\"mz6HE4Bl\",\"feature_stenography.md\":\"7-PPOa0f\",\"feature_caps_word.md\":\"DFEidvi5\",\"feature_swap_hands.md\":\"DYy3Hkxa\",\"feature_advanced_keycodes.md\":\"jN1BLaPG\",\"faq_misc.md\":\"qGrhOTu4\",\"getting_started_github.md\":\"OYq7IT7B\",\"getting_started_make_guide.md\":\"fsRi0mqX\",\"gpio_control.md\":\"BXAY05Da\",\"feature_grave_esc.md\":\"Dfk03Mwq\",\"feature_bootmagic.md\":\"CHslUBOY\",\"feature_dip_switch.md\":\"BRm_919T\",\"feature_hd44780.md\":\"yQt2vqod\",\"faq_debug.md\":\"uJtFRvCN\",\"reference_configurator_support.md\":\"FaBQzIj6\",\"feature_debounce_type.md\":\"CUrSp0Iy\",\"how_a_matrix_works.md\":\"JINKbCuX\",\"documentation_best_practices.md\":\"D_UwEt1C\",\"feature_ps2_mouse.md\":\"DgKRvSpd\",\"feature_rawhid.md\":\"_qE_L8rS\",\"feature_repeat_key.md\":\"D8sTeKpj\",\"feature_send_string.md\":\"ucKdf_1f\",\"feature_secure.md\":\"DTio1NtX\",\"feature_haptic_feedback.md\":\"CI5hNqfq\",\"feature_sequencer.md\":\"CAso80-u\",\"feature_split_keyboard.md\":\"dSXqGTcC\",\"feature_space_cadet.md\":\"BadigqA6\",\"feature_combo.md\":\"BFcSajDz\",\"feature_command.md\":\"DyD1wEzr\",\"feature_bluetooth.md\":\"bG-tYvch\",\"feature_dynamic_macros.md\":\"CQqgFNCL\",\"platformdev_rp2040.md\":\"Ca0zZxM4\",\"feature_rgb_matrix.md\":\"DjrTztSt\",\"feature_encoders.md\":\"DzEjkR0q\",\"platformdev_proton_c.md\":\"CDRuJBvD\",\"platformdev_selecting_arm_mcu.md\":\"aF4DUsvb\",\"reference_keymap_extras.md\":\"-n_bLm78\",\"reference_info_json.md\":\"DLkUuXVh\",\"spi_driver.md\":\"BUPXWtdm\",\"uart_driver.md\":\"Cby_2B9q\",\"quantum_painter_lvgl.md\":\"DobNbSgA\",\"squeezing_avr.md\":\"BmcLYKOr\",\"support_deprecation_policy.md\":\"CCo4ljiw\",\"ws2812_driver.md\":\"DXixRTS
</body>
</html>