Xupisco?!

Criando um cliente de Twitter no Android

Então… no processo de aprendizagem da criação de aplicativos para Android resolvi fazer alguma coisa útil (será mesmo?) e comecei um cliente para o Twitter. Como estou estudando, é muito provável que não estou fazendo da melhor maneira possível (né não Ramão? Cara chato…), mas a questão não é essa.

Vou “tentar” colocar aqui como estou fazendo, meio que um passo-a-passo-tutorial das etapas até fazer todo o App. Começando pela criação do Aplicativo e a criação da primeira tela de postagem de tweets… e é claro, a autenticação usando OAuth.

Não vou passar pela parte de baixar o Eclipse (versão classic), baixar e instalar o SDK, configurar o ADT e outros detalhes relacionados ao começo do desenvolvimento no Android… tudo isso pode ser visto aqui! XD

Ready? Set? RUN… ahahha

Step 1: Criando o projeto

File > New > Android Project (Weeeeeeeeeeeeee…)
Parabéns… é isso ai! Você vai longe! Hahahaha

Na primeira tela você tem colocar o Project Name, selecionar o Build Target (que diz por qual(is) versão(ões) de Android seu app será suportado), Application Name, Package Name, selecionar o box Create Activity e dizer qual o Min SDK Version… vamos lá: (entre parênteses, o que estou colocando)

• Project Name: D’UH! (Tweetaitor)
• Build Target: Para este app usarei 2.2 (que é do meu Android)
• Application Name: Versão para Humanos (como aparecerá no Market)
• Package Name: Identificação única do seu app. (net.xupisco.tweetaitor)
• Activity: Em resumo, cada Activity é uma tela… escolha a inicial. (StatusActivity)
• Min SDK Version: Veja na lista de cima. (8)

Tá vendo o botãozinho finish lá em baixo? Pois é…

Step 2: Interface, Strings, Manifest, Persmissões…

… e alguns outros XMLs. Pois é, mexer com Java == mexer com XMLs, tem muitos e para todo lado, mas depois que entende nem é tão complicado assim. Let’s go…

Primeiro, vamos criar as strings que usaremos neste Activity… são bestas, apenas 5 por enquanto. Então abra o arquivo “strings.xml” dentro da pasta res/values, mude lá em baixo a abinha de “resource” para “strings.xml” e adicione as seguintes linhas:

<string name="title">Tweetaitor</string>
<string name="titleStatus">Status Update</string>
<string name="hintText">Type anything below 140 chars here!</string>
<string name="buttonUpdate">Update</string>
<string name="buttonConnect">Connect</string>

Salve e feche o arquivo, vamos ao layout!

Quando você criou o projeto, o Eclipse automaticamente gerou um arquivo inicial de layout, ele está na em “res/layout/main.xml” renomeie este arquivo para “status.xml” (só para ficar mais claro que ele atende nossa classe “StatusActivity”.

Só para não perder o fio da meada, altere a chamada nome antigo do XML no arquivo “StatusActivity.java”, por enquanto troque apenas uma linha, que é:

// De:
setContentView(R.layout.main);

// Para:
setContentView(R.layout.status);

Isso vai fazer o arquivo “status.xml” ser chamado assim que o aplicativo for aberto. Agora vamos incluir nossos widgets (ou views), depende de como vc os conhece. (se ainda não conhece, use views…. rá).

Abra seu “status.xml” e deixe-o da seguite maneira (fonte completo):

<?xml version="1.0" encoding="utf-8"?>

<!-- Main Layout of Status Activity -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:orientation="vertical">

    <!-- Title TextView-->
    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="30sp"
        android:layout_margin="10dp"
        android:text="@string/title"/>

    <!-- Status EditText -->
    <EditText android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:hint="@string/hintText"
        android:id="@+id/editText"
        android:gravity="left"/>

    <!-- Update Button -->
    <LinearLayout android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/linearLayout1">

        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/buttonUpdate"
            android:textSize="20sp"
            android:text="@string/buttonUpdate"
            android:layout_weight="1">
        </Button>

        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/buttonSync"
            android:textSize="20sp"
            android:text="@string/buttonConnect"
            android:layout_weight="1">
        </Button>
    </LinearLayout>

</LinearLayout>

Olha, seguinte… to pensando aqui!

Estou escrevendo um monte de coisa e nem sei se alguém vai ler… hahaha, então vou fazer o seguinte. Vou deixar o tutorial como está, e caso alguém se interesse eu termino. Saca, não é preguiça… mas só pra não perder tempo em nada! :P

É isso ai, se quiser ver o final deste tutorial… comente!
[]’s