-
-
Notifications
You must be signed in to change notification settings - Fork 25
[Draft] Layers
Mikhail Ilin edited this page May 7, 2024
·
2 revisions
When you hover or click on the layer which is part of a group you can only see the whole group selection frame
To select the group
- Click on any group element
- Click and hold, then drag selection area to any layer of group
You can select the child element with a double click
- If there is an element at cursor position, then editor switches to "Children mode"
- In this mode Lopaka "remembers" the current active group
- Click on any layer of current group to select it (it becomes active, the group deactivates)
- Hover effect works for individual children instead of the whole group
- You can select and drag multiple children at a time
- Layers out of the group works the same as before and can be hovered or clicked
To exit children mode you can
- Click on empty space
- Press ESC
- Delete all children
- Delete active group
- Select other group or layer
- Start a new drawing with any tool
If the group is active
- press ESC to reset selection
If the child is active
- pressing ESC makes the whole group active
Therefore to reset the selection if the active layer is a child of a group you have to hit ESC two times: first to switch to group, second to deselect the group
- Every new group has a title
Group ${index}
where index increments every time - Group of layers is displayed as a separate layer in a list
- All children layers has left margin
- When the group is selected, only one active mark is displayed in list
![Screenshot 2024-05-06 at 19 07 19](https://private-user-images.githubusercontent.com/1325864/328273964-2c366474-671d-4920-95be-d55292c72a5f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1Mjg2ODYsIm5iZiI6MTczOTUyODM4NiwicGF0aCI6Ii8xMzI1ODY0LzMyODI3Mzk2NC0yYzM2NjQ3NC02NzFkLTQ5MjAtOTViZS1kNTUyOTJjNzJhNWYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTRUMTAxOTQ2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NmU0ZDNmYzgzY2ZiOGQ5Njk4N2ZlYjhlN2UyODgyMzdjYTg2ZmI5NWMyYTI3YjM2YzdkYjU4MTI1MDBlZDU5YyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.7QXYZYs4sxVtd9f3AYZw8DF3GKEG01p6YBrszMNen6w)
- You can drag or remove the whole group including all children
- When you create a group the layers order changes
- New group is placed to the position of the highest selected layer in list
- Active mark is displayed only on active layer
![Screenshot 2024-05-06 at 19 11 13](https://private-user-images.githubusercontent.com/1325864/328274870-ef831b4e-dae0-40eb-bb45-e1f3d3e6da0d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1Mjg2ODYsIm5iZiI6MTczOTUyODM4NiwicGF0aCI6Ii8xMzI1ODY0LzMyODI3NDg3MC1lZjgzMWI0ZS1kYWUwLTQwZWItYmI0NS1lMWYzZDNlNmRhMGQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTRUMTAxOTQ2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NThkZTM3NWEyZGMwZTM1Mjg5MDBkNzc0ZjU1NjI4OGJkNDJlMjc3NDZmMjMzYzBiMmI3NTc1ZjRmZjMwYWQ4OSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.PLVHn0lCBqss8bm21MtcuLPErEYc2iQFGMGLgFRX1zI)
Group: Cmd/Ctrl + G
Ungroup: Cmd/Ctrl + Shift + G