Layout com botões estilo Windows 8

Android

03/07/2013

Meus amigos do forum, como poderia fazer um layout estilo Windows 8, ou seja, cheio de botões, mas que ocupem toda a tela mas um ao lado do outro? E também cada um com cor diferente?
Frederico Brigatte***

Frederico Brigatte***

Curtidas 0

Respostas

Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Alguém para ajudar?
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Alguém?
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Alguém?????
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Ninguém?
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

03/07/2013

Amigo Frederico. Observe suas postagens neste tópico :
03/07/2013 - 11:09
03/07/2013 - 12:04
03/07/2013 - 12:39
03/07/2013 - 12:58
03/07/2013 - 13:25


De 11:09 até 13:25 você postou 5 vezes no mesmo tópico perguntando se ninguém poderia lhe ajudar.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

03/07/2013

Veja se esse menu que eu fiz em HTML, CSS e JavaScript pode lhe ajudar de alguma forma: [url]http://www.linhadecodigo.com.br/artigo/3495/criando-um-menu-estilo-metro-em-css-e-html.aspx[/url]
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Joel, desculpa pela insistência e obrigado pelo retorno. É porque estou meio que empacado aqui. Eu gostaria de fazer com botões, seria possível isso?
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Como utilizar isso para Android? Bem bakana o que postou.
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Joel, como que utilizo o que vc me passou no android?
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

03/07/2013

Bom, aí é com você. Talvez alguém com mais experiência possa ajudar.
No meu post é feito em HTML, não sei se dá para aproveitar. Mas a ideia certamente se aproveita.
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Ok, estou verificando isso, achei que poderia ser feito para Android.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

03/07/2013

Esse estilo de menu é chamado de metro. Você pode pesquisar por algo semelhante para Android, mas eu particularmente não acho interessante isso. Se a aplicação é para Android, por que seguir os modelos de interface do Windows Phone?
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Joel, me passaram isso, só que estou com um pouco de dificulade. Veja se vc consegue me ajudar:

O gridView tem uma propriedade chamada numColumns, esta define a número máximo de colunas que o grid terá.
Ex: Na primeira linha, quando for preenchido 3 colunas o 4º item será autimaticamente posicionado na segunda linha e primeira coluna.


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent" >  
  
    <ScrollView  //ScrollView = scroll vertical = Windows phone,  HorizontalScrollView = scroll horizontal = Windows 8  
        android:id="@+id/scrollView1"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent" >  
  
        <LinearLayout  
            android:layout_width="match_parent"  
            android:layout_height="match_parent"  
            android:orientation="vertical"   
            android:layout_gravity="center_vertical">  
  
            <GridView  
                android:id="@+id/gridView1"  
                android:layout_width="match_parent"  
                android:layout_height="match_parent"  
                android:numColumns="3" >  
            </GridView>  
        </LinearLayout>  
    </ScrollView>  
</RelativeLayout>  




<GridView    
            android:id="@+id/gridView1"    
            android:layout_width="match_parent"    
            android:layout_height="match_parent"    
            android:numColumns="3" >  //  <<<<  
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Na verdade, eu gostaria de botões um ao lado do outro, somente isso.
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Como que poderia fazer isso? Uma tela com vários botões um ao lado do outro?
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Tem como me ajudar quanto a isso, Joel? Pode ser botões lado a lado mesmo.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

03/07/2013

Tem como me ajudar quanto a isso, Joel? Pode ser botões lado a lado mesmo.
Vamos aguardar alguém com mais experiência em Android.
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Ok, fico no aguardo aqui. Obrigado.
GOSTEI 0
Marcelo Senaga

Marcelo Senaga

03/07/2013

Como que poderia fazer isso? Uma tela com vários botões um ao lado do outro?


Chegou a ver o GridView?

http://www.mkyong.com/android/android-gridview-example/
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

ms27817, já, mas não sei bem como utilizar esse componente, tem como me ajudar?
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

ms27817, como que funciona o gridview? Poderia me explicar?
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

ms27817, pode me ajudar?
GOSTEI 0
Marcelo Senaga

Marcelo Senaga

03/07/2013

É parecido com o GridLayout do Java Swing.

Você define uma matriz de elementos que será renderizado como uma grade.

Veja esse exemplo:

http://www.androidhive.info/2012/02/android-gridview-layout-tutorial/

Aqui ele define um ImageAdapter (de BaseAdapter) e partir dai cria uma grade de imagens. É bem fácil de entender. Qualquer dúvida é só falar.
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Ok, ja vi esse exemplo, mas e se quiser usar botões. Lá utiliza imagens. Gostaria de montar um layout com botões ou se possível botão com imagem.
GOSTEI 0
Marcelo Senaga

Marcelo Senaga

03/07/2013

Crie um ButtonAdapter:

http://www.stealthcopter.com/blog/2010/09/android-creating-a-custom-adapter-for-gridview-buttonadapter/

GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

ms27817,

Deixa te fazer uma outra pergunta pertinente. Como que posso fazer um layout que fique bom pra qualquer tamanho de dispositivo? Tablet ou celular? Digo em tamanho das imagens.
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

ms27817,

Bacana esse link que vc passou, uma outra dúvida, como que usaria imagens nesses botões?

Tem como fazer download desse exemplo? Parece que o código não está completo.
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

ms27817,

Me ajuda a tentar colocar imagens nos botões, eu consegui fazer.

package br.com.aquasystem;

import android.app.Activity;
import android.content.Context; 
import android.content.Intent;
import android.graphics.Color;
import android.graphics.Typeface;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.Toast;

public class ButtonAdapter extends BaseAdapter {
	  
	  private Activity activity;
	  private Context context;
	  private String[] buttonNames; 
	  
	  public ButtonAdapter(Context context, String[] buttonNames, Activity activity) {
	    this.context = context;
	    this.buttonNames = buttonNames;
	    this.activity = activity;
	  }

	  @Override
	  public int getCount() {
		  return buttonNames.length;
	  }

	  @Override
	  public Object getItem(int pos) {
	    return null;
	  }

	  @Override
	  public long getItemId(int pos) {
	    return 0;
	  }

	  @Override
	  public View getView(final int position, View convertView, ViewGroup parent) {
	    final Button button;
	    if (convertView == null) {
	      button = new Button(context);
	      button.setText(buttonNames[position]);
	      button.setTypeface(null, Typeface.BOLD);
	      button.setTextColor(Color.parseColor("#1E90FF"));
    	  button.setBackgroundColor(Color.parseColor("#00000000"));
	      //  button.setBackgroundColor(Color.BLUE);
	    } else {
	      button = (Button) convertView;
	    }
	      button.setOnClickListener(new View.OnClickListener() {
				
				@Override
				public void onClick(View v) {
					switch (position) {
					case 0:
					// startActivity(new Intent(GridViewActivity.this, SegundaActivity.class));
					Toast.makeText(context, "Cadastro Cliente clicado", Toast.LENGTH_SHORT).show();
					// finish();
					break;
					case 1:
					// startActivity(new Intent(GridViewActivity.this, TerceiraActivity.class));
					Toast.makeText(context, "Cadastro Veículo clicado", Toast.LENGTH_SHORT).show();
					// finish();
					break;
					case 2:
					//activity.startActivity(new Intent(activity,  TipoVeiculo.class));
					activity.startActivity(new Intent(activity,  CadastrarCliente.class));
					Toast.makeText(context, "Cadastro Tipo de Veículo clicado", Toast.LENGTH_SHORT).show();
					// finish();
					break;
					case 3:
					// activity.startActivity(new Intent(activity,  CadastrarCliente.class));
					Toast.makeText(context, "Lista de Clientes clicado", Toast.LENGTH_SHORT).show();
					// finish();
					break;
					case 4:
					// startActivity(new Intent(GridViewActivity.this, SextaActivity.class));
					// finish();
					break;
					}
				}
			});
	    return button;
	  }
}
GOSTEI 0
Marcelo Senaga

Marcelo Senaga

03/07/2013

Ao invés de Button, tente o ImageButton:

http://www.mkyong.com/android/android-imagebutton-example/

GOSTEI 0
Marcelo Senaga

Marcelo Senaga

03/07/2013

ms27817,

Deixa te fazer uma outra pergunta pertinente. Como que posso fazer um layout que fique bom pra qualquer tamanho de dispositivo? Tablet ou celular? Digo em tamanho das imagens.


Boa pergunta, pesquisando eu vi isso aqui:

http://stackoverflow.com/questions/2047554/how-to-make-imagebutton-in-android-automatically-scale-based-on-screen-density
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

ms27817, certo é quase isso, mas e o texto, preciso do texto logo abaixo da imagem. Nesse caso usa gridview?
GOSTEI 0
Marcelo Senaga

Marcelo Senaga

03/07/2013

Veja se isso te ajuda:

http://stackoverflow.com/questions/1532876/android-combining-text-image-on-a-button-or-imagebutton
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

ms27817,

Obrigado pelo retorno, mas não ajudou muito não, tem como postar um exemplo aqui no fórum? As vezes pode ser dúvida de mais alguém. Aí com um exemplo fica mais fácil. Pode ser?
GOSTEI 0
Marcelo Senaga

Marcelo Senaga

03/07/2013

Algo mais detalhado:

http://www.mokasocial.com/2010/04/create-a-button-with-an-image-and-text-android/
GOSTEI 0
José

José

03/07/2013

Algo mais detalhado:

http://www.mokasocial.com/2010/04/create-a-button-with-an-image-and-text-android/


Boa amigo ms27817, valeu a indicação.
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Ok, e como no caso eu faço para criar os botões um ao lado do outro usando esse exemplo?
GOSTEI 0
Marcelo Senaga

Marcelo Senaga

03/07/2013

Tipo isso?

http://mytelcoit.com/2010/02/programming-android-create-icon-with-text-using-gridview-and-layout-inflater/
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Exatamente isso.
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

É isso mesmo, mas tem um outro porém. Como coloco uma imagem diferente da outra pra cada botão?
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Joel, esse link seu ta quebrado:

http://www.linhadecodigo.com.br/artigo/3495/criando-um-menu-estilo-metro-em-css-e-html.aspx

poderia postar novamente?
GOSTEI 0
Frederico Brigatte***

Frederico Brigatte***

03/07/2013

Joel, poderia postar novamente o link?
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

03/07/2013

Joel, poderia postar novamente o link?
Frederico, infelizmente esse post precisou ser removido por questões internas. Talvez ele seja disponibilizado novamente, mas em outro canal, e ainda não temos uma data prevista.
Agradeço a compreensão.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

03/07/2013

Joel, poderia postar novamente o link?
Temos uma versão equivalente em ingl~es, publicada no portaç Mr. Bool. Dê uma olhada: Creating a Metro style Menu in HTML and CSS
GOSTEI 0
POSTAR