Aplicativo já funciona, mas falta torná-lo mais bonito

26 de março de 2013 17 respostas

ideiainformatica 26 de março de 2013

Meu aplicativo está pronto, funciona como deveria, mas falta “perfumá-lo” para ter um visual atrativo.
Trata-se de um aplicativo básico, que será gratuito, protótipo de outros dois, um com cálculo individual mais completo e outro até com banco de dados, permitindo o cálculo de múltiplas situações.
A tela anexa contém o que tenho no momento, só escondi os textos para não mostrar sua finalidade. Coloquei mais um botão ao lado do de cálculo para sair do sistema, que só tem uma tela.
O que vejo que falta, e gostaria da opinião de pessoas mais experientes para ver se podem me ajudar, são:

alinhamento dos campos e botões;
possibilidade de digitação da vírgula separando as decimais;
idem para apresentação dos valores calculados;
cores dos campos;
posicionar no campo de valor após o primeiro cálculo;
tamanho da figura de apresentação na área de trabalho do smartphone ou tablet.

Além disto, ainda não consegui executá-lo direto no dispositivo, só no emulador, podem me dar uma dica ou link de como fazê-lo?

Isto sem falar da tela de “Hello World” que aparece mas não consigo tirar de jeito nenhum.

Desculpem por colocar tanta coisa num só tópico, mas acho que tudo tem relação com o título, se precisar eu separo.

Depois de uma melhorada no visual eu vou colocar no Google Play.

17 Respostas

edu_fernandes 26 de mar. de 2013

Só para esclarecer. Pelo menos para mim.

Você quer alguém para lhe ensinar a fazer isso ou para fazer isso para ti?

Me pareceu que estava apenas compartilhando seu app.

Abs.

ideiainformatica 26 de mar. de 2013

Como sou iniciante no Android, para mim seria muito interessante se alguém me passasse os links de cada situação, gosto de tentar fazer, faço isto há 35 anos em muitas linguagens e plataformas. Mas é claro que dicas mais consistentes seriam de grande valia.

fasandes 26 de mar. de 2013

Com todo o respeito, eu vi o topico do “hello word”, e acho que você deveria pesquisar ou ler mais livros nos tópicos que introduzem sobre programação android. Recomendo o Do Ricardo Lecheta.

Creio eu, você sabe bem programar bem, porém ainda falta conhecimento básico que você deve ter pulado…

Sobre deixa-lo mais bonito, tente mudar os tipos de layout que você escolheu para o seu apk. Post ai o seu xml do layout também.

edu_fernandes 26 de mar. de 2013

Ah sim. Para design, até pelo que me parece você não apresenta muito conhecimento, eu faço a sugestão de utilizar algum framework, como o Twitter Bootstrap, que é bastante simples de trabalhar, apenas class e id nas tags, e voilá, está tudo pronto.

http://twitter.github.com/bootstrap/

Vale a pena conferir!

Quanto a segunda pergunta sobre o deploy da aplicação, não consigo lhe ajudar agora, pois não desenvolvo para Android.

edu_fernandes 26 de mar. de 2013

Encontrei estes caras aqui tbm…

Este cara parece ser exatamente o que você precisa…

http://developer.android.com/design/index.html

ideiainformatica 26 de mar. de 2013

Tenho o livro do Lecheta, foi nele que dei os primeiros passos. Só saltei capítulos que no momento não preciso, como Mapas e outros. De qualquer forma vou reler desde o início e ver qual ponto pode me ajudar mais.
Estava desenvolvendo só no ADT, mas ontem deram a dica de usar o Eclipse, que terei que me inteirar melhor.
Espero chegar ao ponto de ajudar alguém, depois que tiver um conhecimento maior.

O layout está assim:

LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height=“wrap_content"
android:orientation=“vertical"
tools:context=”.Principal” >

<TextView
    android:id="@+id/labmesano"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/mess"
    android:textAppearance="?android:attr/textAppearanceMedium" />

  <Spinner
    android:id="@+id/messp"
    android:layout_width="108dp"
    android:layout_height="wrap_content"
    android:entries="@array/meses" />

</LinearLayout>

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="vertical" >
  <TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/anos"
    android:textAppearance="?android:attr/textAppearanceMedium" />

  <Spinner
    android:id="@+id/anosp"
    android:layout_width="112dp"
    android:layout_height="wrap_content"
    android:entries="@array/anos" />

  </LinearLayout>
</LinearLayout>

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="horizontal" >

  <TextView
    android:id="@+id/labvalor"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="28dp"
    android:text="@string/valortribs"
    android:textAppearance="?android:attr/textAppearanceMedium" />

  <EditText
    android:id="@+id/valorb"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="40dp"
    android:ems="10"
    android:gravity="right"
    android:hint="@string/valor"
    android:inputType="numberDecimal"
    android:selectAllOnFocus="@bool/Verdade" />

</LinearLayout>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="horizontal" >
  
  <Button
    android:id="@+id/butcalculo"
    android:layout_width="151dp"
    android:layout_height="wrap_content"
    android:layout_marginBottom="20dp"
    android:drawableLeft="@drawable/calc"
    android:text="@string/calcular" />

	<Button
      android:id="@+id/button1"
      android:layout_width="157dp"
      android:layout_height="wrap_content"
      android:layout_marginBottom="20dp"
      android:text="@string/sair" />

</LinearLayout> 
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="horizontal" >
    <LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical" >
      <TextView
        android:id="@+id/desc1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:text="@string/inss"
        android:textAppearance="?android:attr/textAppearanceMedium" />
      <TextView
        android:id="@+id/desc2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:text="@string/irenda"
        android:textAppearance="?android:attr/textAppearanceMedium" />
      <TextView
        android:id="@+id/desc3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:text="@string/liquido"
        android:textAppearance="?android:attr/textAppearanceMedium" />
    </LinearLayout>
    <LinearLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:orientation="vertical" >        
      <TextView
        android:id="@+id/val1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:gravity="right"
        android:textAppearance="?android:attr/textAppearanceMedium" />

      <TextView
        android:id="@+id/val2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:gravity="right"
        android:textAppearance="?android:attr/textAppearanceMedium" />

      <TextView
        android:id="@+id/val3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:gravity="right"
        android:textAppearance="?android:attr/textAppearanceMedium" />
    </LinearLayout>
</LinearLayout>

fasandes 26 de mar. de 2013

No capitulo 6 do livro do Lecheta tem muita coisa que vai ajudar a melhorar seu layout. Procure também sobre RelativeLayout, e o uso de mais de um layout…

Dica: Não deixe seus componentes (editText ,TextView) com o mesmo tamanho dentro do linearLayout. Tenta usar dentro do mesmo layout o RelativeLayout.

ideiainformatica 26 de mar. de 2013

Já tenho com o que brincar, obrigado pela ajuda.
Quanto a executar o aplicativo no tablet, quais passos devo seguir?

fasandes 26 de mar. de 2013

Se o inglês estiver em dia:

http://developer.android.com/guide/practices/screens_support.html

E aqui no fórum mesmo possui vários topicos sobre o assunto.

Mas caso você tenha feito o layout em xml corretamente, ele roda em tablets (com alguma distorção).

ideiainformatica 26 de mar. de 2013

Acho que você não entendeu o que eu quis dizer.
Eu quero executar meu aplicativo no tablet através do Eclipse ou ADT, ao invés de executar no Windows, só para ver como fica.
Depois disto, posso verificar os links que me passou para adequar melhor.

ideiainformatica 26 de mar. de 2013

Não sei se ainda não me inteirei bem dele, mas o Android Developers podia ter exemplos de cada comando.

fasandes 26 de mar. de 2013

AA ta, baixe o driver usb do seu tablet (deve encontrar no próprio site, depois vá no tablet em configurações>>desenvolvimento>>Depuração usb e conecte o seu tablet no pc. Com isso quando você for configurar em qual dispositivo a aplicação rodará, estará disponível o seu tablet.

ideiainformatica 26 de mar. de 2013

Acho que o meu antigo Galaxy Tab 7 (P1000) não tem driver USB para atualizar no site.

Tem alguma coisa a fazer no ADT ou Eclipse para escolher o tablet? Já liguei o driver de desenvolvimento dele, tem até o robozinho na barra superior.

denisspitfire 26 de mar. de 2013

ideiainformatica:
Acho que o meu antigo Galaxy Tab 7 (P1000) não tem driver USB para atualizar no site.

Tem alguma coisa a fazer no ADT ou Eclipse para escolher o tablet? Já liguei o driver de desenvolvimento dele, tem até o robozinho na barra superior.

no livro que voce tem, voce cria um emulador certo?
agora voce precisa ver quais as caracteristicas que voce quer para cada tipo de device ou modelo.

ideiainformatica 26 de mar. de 2013

Executou no tablet, apesar do formato ainda feio, pelo menos já funciona, obrigado.

Se alguém quiser me dar mais alguma dica quanto às solicitações iniciais, agradeço.

ideiainformatica 27 de mar. de 2013

Minha última necessidade é validar o preenchimento do campo valor, pois dá erro se deixar em branco.
Coloquei os seguintes comandos:

valorbase = (EditText) findViewById(R.id.valorbase);

if (valorbase.getText().toString().equals(""))

{

mensagem(“Preencha o valor corretamente”);

<a href="//this.cancel">//this.cancel</a>;

}

onde MENSAGEM é uma rotina que criei para apresentar a mensagem que eu desejar.

Só que não consegui, por mais sites que pesquisei, saber o que coloco neste comando CANCEL que está comentado.

Não consegui também usar o FrameLayout com a logomarca da empresa no fundo da tela, mas não deu certo e posso deixar para depois.

Podem me ajudar? Só falta isto para adicionar o aplicativo no Google Play.

ideiainformatica 27 de mar. de 2013

Não gosto de um ELSE muito grande, fiz assim e funcionou perfeitamente.

O único senão agora é que eu gostaria que o teclado numérico abrisse antes do usuário clicar no campo de valor, mas vou postar assim e depois vejo como fazer, assim como colocar a logo da empresa no fundo.

Obrigado, amigos.

Criado 26 de março de 2013

Ultima resposta 27 de mar. de 2013

Respostas 17

Participantes 4

17 Respostas

Topicos relacionados