Zoom Controls No Android

0 Flares Twitter 0 Facebook 0 Filament.io Made with Flare More Info'> 0 Flares ×

Hoje vamos conhecer mais um componente no Android, O componente Zoom Controls.

Projeto

Nosso projeto de hoje consiste em uma aplicação que: O usuário irá aplicar Zoom na imagem.

Aplicação

Vamos criar um novo projeto. Clique no menu “File” / “New” / “Other” / Android Project depois cique em Next.

Nome do projeto: Zoom.

Versão: Android 2.2.

Nome da aplicação: Zoom.

Package Name: br.zoom.com

Create Activity: ZoomActivity.

Minimum SDK: 8.

Layout

Agora abra o seu arquivo main.xml que fica localizado na pasta “res” / “layout” de um duplo clique no arquivo e a tela será carreda. Agora com o nosso arquivo main.xml carregado clique na guia main.xml.
Vide Imagem abaixo:

Imagem Layout

Imagem Layout

Inserindo uma imagem no layout

Para inserir uma imagem no layout primeiramente acesse a pasta “res”/”drawable mdpi” em “drawable mdpi” clique com o botão direito “import”/”File System” clique em  “Next” (Vide Imagem1)e selecione o local da imagem.

imagem1

imagem1

Depois selecione a imagem e clique em Finish (Vide Imagem2)

imagem2

imagem2

Imagens

Eu selecionei uma imagen e com o nome de imagem de “imagem1”.

E adicione o codigo abaixo:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:paddingLeft="10sp"
android:paddingRight="10sp"
android:paddingTop="10sp" >

<TextView
android:id="@+id/textView1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Zoom"
android:textSize="20sp" />

<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="fill_parent"
android:layout_height="250px"
android:layout_weight="0.07" android:gravity="center">

<ImageView
android:id="@+id/image1"
android:layout_width="130px"
android:layout_height="100px"
android:src="@drawable/imagem1" android:scaleType="fitXY"/>

</LinearLayout>

<ZoomControls
android:id="@+id/ZmControls"
android:layout_width="fill_parent"
android:layout_height="wrap_content" android:gravity="center"/>

</LinearLayout>

Resultado você confere abaixo:

visualizando layout pronto

visualizando layout pronto

Codificação do Projeto ZoomActivity.java

Agora vamos para a parte do código. De um duplo clique no arquivo ZoomActivity.java e vamos digitar os códigos:

package br.zoom.com;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ZoomControls;

public class ZoomActivity extends Activity {
/** Called when the activity is first created. */
ZoomControls ZmControls;
ImageView imagem;

int sizeX = 130, sizeY = 100;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

ZmControls = (ZoomControls) findViewById(R.id.ZmControls);
imagem = (ImageView) findViewById(R.id.image1);

ZmControls.setOnZoomInClickListener(new View.OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
sizeX += 6;
sizeY += 6;
imagem.setLayoutParams(new LinearLayout.LayoutParams(sizeX,
sizeY));

}
});

ZmControls.setOnZoomOutClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
sizeX -= 6;
sizeY -= 6;

imagem.setLayoutParams(new LinearLayout.LayoutParams(sizeX,
sizeY));
}
});

}
}

Executando o Projeto

Feito isso agora é hora de testar a aplicação.
Botão direito no projeto “Run As” / Android Applications e conferir o resultado.
Vamos ver abaixo como ficou nossa aplicação:

Executando aplicação

Executando aplicação

Faça Download do Projeto:Zoom Controls (541)

Espero que tenham gostado e até a próxima.



									
Renato Ramos

About Renato Ramos

Graduado em Gestão de tecnologia da informação. Um Entusiasta da tecnologia e de seus avanços. Amante das tecnologias mobile, desde cedo alterando firmwares, sistemas e realizando atualizações e estudando tudo que possível em dispositivos moveis. Programador IOS, Android, Windows Mobile, PhoneGap.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>