Visão geral
O Editor de Zonas é o coração do Staged. Ele permite criar zonas no seu display virtual onde os apps serão posicionados. Pense nas zonas como áreas designadas - cada zona pode conter um app, e os apps se encaixam automaticamente nas zonas atribuídas a eles.
Recursos do Editor de Zonas
- Criação de zonas por arrastar e soltar
- Redimensionar e reposicionar zonas
- Código de cores para identificação fácil
- Salvar como predefinições reutilizáveis
- Alinhamento por encaixe na grade
- Biblioteca de predefinições integrada
Abrindo o Editor de Zonas
Para abrir o Editor de Zonas:
- Abra o Staged pela bandeja do sistema ou pelo Menu Iniciar
- Clique na aba Zone Editor
- Ou use o atalho de teclado: Ctrl + E
O Editor de Zonas mostra uma prévia do seu display com as zonas existentes. A Game Stage (onde seu jogo será executado) aparece como a área central.
Criando zonas
Arrastar para criar
A forma mais fácil de criar uma zona é arrastando:
- Clique e segure em qualquer lugar da área de prévia (fora da Game Stage)
- Arraste para definir o tamanho da sua zona
- Solte para criar a zona
- Uma nova zona aparece com um nome padrão como "Zone 1"
Botão Adicionar Zona
Você também pode clicar no botão + Adicionar Zona na barra de ferramentas. Isso cria uma nova zona em um tamanho padrão que você pode então redimensionar e reposicionar.
Predefinições rápidas
Para layouts comuns, use o recurso de Predefinições rápidas:
- Esquerda + Direita - Duas zonas em cada lado da Game Stage
- Só à esquerda - Uma única zona à esquerda
- Só à direita - Uma única zona à direita
- Barra inferior - Zona horizontal abaixo da Game Stage
- Formato em L - Zona à esquerda + zona inferior
- Ao redor - Zonas nos quatro lados
Editando zonas
Selecionando zonas
Clique em qualquer zona para selecioná-la. Zonas selecionadas mostram alças de redimensionamento e um painel de propriedades. Você pode selecionar várias zonas segurando Shift e clicando.
Redimensionando zonas
Para redimensionar uma zona:
- Selecione a zona
- Arraste qualquer uma das alças de canto ou de borda
- Segure Shift ao arrastar para manter a proporção
- Segure Ctrl para desativar temporariamente o encaixe na grade
Movendo zonas
Para mover uma zona:
- Selecione a zona
- Arraste a partir do centro (não das alças)
- A zona se encaixa nas linhas da grade e nas bordas de outras zonas
- Use as teclas de seta para um posicionamento preciso de pixel
Propriedades da zona
Cada zona tem propriedades configuráveis:
| Propriedade | Descrição |
|---|---|
| Nome | Um nome amigável como "Discord" ou "OBS Preview" |
| Cor | Cor visual para identificação no editor |
| App atribuído | Qual app deve se encaixar nesta zona |
| URL do navegador | URL opcional para abrir em zonas de navegador |
| Nível de escurecimento | Quanto escurecer esta zona no Game Mode (0-100%) |
| Inicialização automática | Se o app deve ser iniciado automaticamente |
Excluindo zonas
Para excluir uma zona:
- Selecione a zona e pressione Delete ou Backspace
- Ou clique com o botão direito na zona e selecione "Excluir Zona"
- Ou clique no botão no painel de propriedades da zona
Trabalhando com predefinições
Salvando predefinições
Depois de criar um layout de zonas que você gosta, salve-o como predefinição:
- Clique em Salvar Predefinição na barra de ferramentas
- Digite um nome para sua predefinição (ex.: "Setup de Streaming", "Jogo Casual")
- Opcionalmente adicione uma descrição
- Clique em Salvar
Carregando predefinições
Para carregar uma predefinição salva:
- Clique em Carregar Predefinição na barra de ferramentas
- Navegue pelas suas predefinições salvas ou pela biblioteca integrada
- Clique em uma predefinição para visualizá-la
- Clique em Aplicar para usá-la
Predefinição vs layout atual
Carregar uma predefinição substitui seu layout de zonas atual. Se você tiver alterações não salvas, o Staged perguntará se deseja salvá-las primeiro.
Predefinições integradas
O Staged inclui predefinições otimizadas para casos de uso comuns:
Gamer Standard
Discord à esquerda, YouTube à direita. Perfeito para TVs 4K e monitores grandes.
Streamer Pro
Prévia do OBS + chat à esquerda, chat do Twitch à direita. Otimizado para ultrawide.
Minimal
Uma única zona à direita para olhadas rápidas. Maximiza a área do jogo.
Retrô 4:3
Game stage 4:3 centralizada com zonas dos dois lados. Ótimo para jogos clássicos.
Dicas e truques
Use o encaixe na grade
Mantenha o encaixe na grade ativado para layouts mais limpos. As zonas se alinharão perfeitamente entre si e com as bordas do display. Você pode ajustar o tamanho da grade nas Configurações.
Use código de cores nas suas zonas
Use cores que combinem com os apps - azul para Discord, roxo para Twitch, vermelho para YouTube. Isso facilita identificar as zonas num relance.
Defina URLs de navegador
Para zonas de navegador, defina URLs específicas como o popout do seu chat do Twitch ou uma playlist do YouTube. Elas abrem automaticamente quando você inicia um jogo.
Crie predefinições específicas por jogo
Jogos diferentes podem precisar de layouts diferentes. Crie predefinições para jogos competitivos (mínimas distrações), jogos casuais (mais apps visíveis) e streaming.
Duplique zonas
Para criar zonas semelhantes, selecione uma zona e pressione Ctrl + D para duplicar. A nova zona copia todas as propriedades, exceto a posição.
Atalhos de teclado
| Atalho | Ação |
|---|---|
| Ctrl + E | Abrir o Editor de Zonas |
| Ctrl + N | Nova zona |
| Ctrl + D | Duplicar zona selecionada |
| Delete | Excluir zona selecionada |
| Ctrl + S | Salvar predefinição |
| Ctrl + Z | Desfazer |
| Ctrl + Y | Refazer |
| Teclas de seta | Deslocar a zona selecionada em 1px |
| Shift + teclas de seta | Deslocar a zona selecionada em 10px |
Próximos passos
Agora que você sabe criar zonas, aprenda sobre o Game Mode para entender como o Staged lida com o travamento do cursor e o escurecimento durante o jogo: