Escreva código mais rápido com Live Templates

João Gabriel
Aug 17 · 3 min read
Image for post
Image for post

Os Live Templates são construções de código personalizados que permitem ser reutilizados sem precisar reescrever todo código já feito, e também não precisar copiar e colar de um arquivo para outro, aumentando assim a velocidade de codificação.

Este artigo será baseado no desenvolvimento para Android, mas pode ser utilizado em outras IDEs baseadas no Intellij.

Alguns exemplos que temos no desenvolvimento Android são:

  • toast — cria a estrutura para a exibição de um Toast, sendo necessário digitar somente o contexto, e o texto que será exibido.
  • viewGone — Cria a estrutura para mudar a visibilidade de uma view para Gone, precisando somente definir a view que será modificada.
  • viewVisible — Cria a estrutura para mudar a visibilidade de uma view para Visible, precisando somente definir a view que será modificada.

Esses exemplos citados são encontrados no Android Studio, seguindo o seguinte caminho:

Android Studio → Preferences → Editor → Live Templates

Image for post
Image for post

Além de utilizar os templates existentes da IDE, podemos criar os nossos live templates, a partir das nossas necessidades cotidianas.

Criando Live Templates

Neste exemplo vou mostrar como criar um digitando apenas letras, sintam-se livres para criar seus próprios atalhos.

  1. Navegar até a aba de Live Templates: Android Studio → Preferences → Editor → Live Templates
  2. Para adicionar um novo live template, clicar no + que fica à direita dos templates, selecionar Live Template, na parte interior teremos uma janela com esses campos a serem preenchidos:
Image for post
Image for post
  • Abbreviation é o atalho a ser usado para que seu template seja inserido no código, neste caso vou utilizar o nome do atalho como: swtr.
  • Description é uma breve descrição que é mostrada ao digitar o atalho(abbreviation) do seu template: Cria um swipe to refresh com um recycler view.
  • Template text é o código que será inserido no seu live template:
<?xml version="1.0" encoding="utf-8"?>
<androidx.swiperefreshlayout.widget.SwipeRefreshLayout
xmlns:android="<http://schemas.android.com/apk/res/android>"
xmlns:app="<http://schemas.android.com/apk/res-auto>"
xmlns:tools="<http://schemas.android.com/tools>"
android:id="@+id/swipe_refresh_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">

<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycler_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
app:layoutManager="LinearLayoutManager" />

</androidx.swiperefreshlayout.widget.SwipeRefreshLayout>
  • O contexto, é onde seu template pode ser inserido(xml, kotlin, java), é definido a partir do dropdown abaixo do campo do Template Text.

Neste exemplo o meu live template ficou assim:

Image for post
Image for post

Após salvar o template, é hora de testar, obtendo o seguinte o resultado:

Image for post
Image for post

Obrigado por ler até aqui, e desejo mais velocidade no seu desenvolvimento com os live templates 😄.

Referências

Android Dev BR

Artigos em português sobre Android, curados pela comunidade…

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store