# In-game Control Layout Pattern

## Find Setting Page

You can open the Control Layout settings screen by swiping right this button after starting the game

![](https://1121425360-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FC63FIAOMaTmGb9ehJkif%2Fuploads%2Fwyw9IZJOgObUeYCNdlnf%2FScreenshot_2022-08-15-15-50-11-74_d17cc25ab2657fb.jpg?alt=media\&token=eaa52714-1892-4fc4-b481-87b3a19956ca)

## Current Pattern

Current layout pattern:Your current Control Layout Pattern can be switched to something else, but you need to create a new one in [HMCL-PE's settings](../../basic-settings/global-game-settings/control-layout-pattern) or [import ](../../../basic-settings/global-game-settings/control-layout-pattern#import)someone else's

![](https://1121425360-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FC63FIAOMaTmGb9ehJkif%2Fuploads%2FwdwCoXBQCnEsJeURH45q%2FScreenshot_2022-08-15-15-56-08-25_d17cc25ab2657fb.jpg?alt=media\&token=213c8678-cf66-4213-a2e3-6e2f80c336e2)

## Edit Pattern

**To modify your Control Layout settings, you need to enable Edit Mode first.**

{% hint style="info" %}
After the change you need to close it in time, otherwise you can't use the buttons provided by HMCL-PE to play the game.
{% endhint %}

### Show boundaries

![](https://1121425360-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FC63FIAOMaTmGb9ehJkif%2Fuploads%2F7efamqSdgykiBkhBbivX%2FScreenshot_2022-08-15-16-46-19-59_d17cc25ab2657fb.jpg?alt=media\&token=8b61b60e-0b01-44b5-a1ec-bc355d9815d7)

Enable "Show boundaries", which allows you to see the borders of each button to avoid accidental touches while playing.

### Set pattern

#### Sign the Pattern you set for yourself

Click on the "Edit" button to the right of Basic Info

You can change the **author**, **version**, and **description**, which makes it easier for others to understand your exported Pattern

![](https://1121425360-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FC63FIAOMaTmGb9ehJkif%2Fuploads%2F8QvoUulIcZD9n9KLRd0K%2FScreenshot_2022-08-15-17-15-22-83_d17cc25ab2657fb.jpg?alt=media\&token=e41248b1-28e8-472d-84c6-d8154a169518)

### Set layout

You can add countless sub-layouts(child layout) to a layout.

You can change its name as well as visibility.You can also remove it.

### Child layout

You can switch the layout you are modifying in Current Child Layout

### Add a button

You need to find the Child Layout section to the right of the Add view and click the "Add" button.

### Modify a button

When you enable Edit mode, click a button to start editing.

#### Basic Settings

**Text:**&#x54;ext displayed on the button

**Visibility Option:**&#x53;et when visible

**View size measurement:**&#x53;et exact value or percentage of size.

**View Coordinate type:**&#x54;he way the buttons adapt to different cell phone screens

**Width/Height:**&#x42;utton length/width

**X/Y coordinate:**&#x53;et button in screen length/width percentage.You can also change the button position by dragging.

#### Function Settings

**Trigger method:**&#x53;et the button sensing method

**perspective follow:**&#x50;erspective Following

**Auto keep:**&#x50;ress and hold down until you press again

**Auto click:**&#x41;uto click

**Open Launcher menu:**&#x43;lick to open the HMCL-PE console and Control Layout Options

**Movable:**&#x59;ou can move the button even if you don't turn on the edit mode

**Switch touch mode:**&#x43;lick to switch to building/attack mode

**Open/Close gro:**&#x43;lick to Open/Close gro,The view angle will rotate as you move your phone...VR?

**Enable/Disable left half screen touch:**&#x43;lick to Enable/Disable left half screen touch,You can't shake the view by touching the left half of the screen

**Open text input box:**&#x43;lick to Open your input pop-up window

**Show/Hide sublayout:**&#x53;et to display in sublayout

**Output text:**&#x57;hen you click the button, the text will be output in the chat bar

**Output keycodes:**&#x43;licking will output the corresponding key (you can select more than one)

#### Appearance Settings

**Manage local button style:**&#x59;ou can set the appearance of the buttons.

### Delete a button

You can delete a button by long pressing it (requires Edit mode to be turned on).

### Add a Direction Controller

#### Basic Settings

**Visibility Option:**&#x53;et when visible

**View size measurement:**&#x53;et exact value or percentage of size.

**View Coordinate type:**&#x54;he way the buttons adapt to different cell phone screens

**Width:**&#x42;utton edge Length

**X/Y coordinate:**&#x53;et button in screen length/width percentage.You can also change the button position by dragging.

**Follow Settings:**&#x4C;ets the button follow the finger or not.

**Double click center to enable shift:**&#x49;f you want to press the middle shift, you need to click the button twice in a row.

#### Appearance Settings

**Manage local button style:**&#x59;ou can set the appearance of the buttons.

