Quem Topa contribuir - TextField on Canvas

clayton1nico · Outubro 17, 2007, 10:17pm

como o aparelho qtek 9090 nao esta colaborando com o textfield, pois o mesmo “estica” o componente para 5 linhas…ficando horrivel na tela…
por isso usando o customitem…estou arranhando a criacao do componente textfield…logico que é dificil e sozinho nao irei conseguir…porem com a ajuda da galera…quem sabe nao sai um projeto legal…
segue a minha classe…só que na emulacao do qwerty os eventos de teclas foram disparados, mas ao colocar no aparelho…nao funcionou nada…como se nao tivesse teclando nada…esse é o primeiro desafio nosso…ok
A Classe LTextField pode ser importada na paleta de Componentes Custom no netbeans…

ok…espero que alguem se interesse pelo assunto…ou quem ja fez mostra ai para nós…obrigado…

/*

LTextField.java
Created on 17 de Outubro de 2007, 10:58
To change this template, choose Tools | Template Manager
and open the template in the editor.
*/

package principal;

import java.util.Vector;
import javax.microedition.lcdui.Canvas;
import javax.microedition.lcdui.CustomItem;
import javax.microedition.lcdui.Font;
import javax.microedition.lcdui.Graphics;

/**
*

@author Clayton Ivan
*/
public class LTextField extends CustomItem{
private int largura;
private int altura;
private String texto;
private Graphics canvas;

/** Creates a new instance of LTextField */
public LTextField(int altura, int largura) {
super(“LyTextField”);
this.largura = largura;
this.altura = altura;

}

public void setTexto(String texto){
this.texto = texto;
}

public String getTexto(){
return texto;
}

protected int getMinContentWidth() {
return largura;
}

protected int getMinContentHeight() {
return altura;
}

protected int getPrefContentWidth(int i) {
return largura;
}

protected int getPrefContentHeight(int i) {
return altura;
}

protected void paint(Graphics g, int w, int h) {
canvas = g;
g.setColor(255, 255, 255);
g.fillRect(0, 0, w-1, h-1);
```
 g.setColor(0, 0, 0);
 g.drawLine(0, altura, w, altura);
 
 if (texto != null)
     g.drawString(texto, 3, 2, 0);
 

 g.drawRect(0, 0, w-1, h-1);
 g.setStrokeStyle(g.HCENTER);
```
}

protected void keyPressed(int keyCode) {
texto = texto + "press: " + String.valueOf(keyCode);
```
 repaint();
```
}

protected void keyReleased(int keyCode){
System.out.println(keyCode);
```
 texto = texto + "rele: " + String.valueOf(keyCode);
 String caracter = CodKeys.qTek_CaracterDigitado(new Integer(keyCode)) ;
 if (caracter != null)
     texto = texto + caracter;
 
 repaint();
```
}

protected boolean traverse(int dir, int viewportWidth, int viewportHeight, int[] visRect_inout ) {
boolean retorno = false;
```
 if (dir == Canvas.UP) {
     retorno = false;
     System.out.println("Up");
 } else if (dir == Canvas.LEFT) {
     retorno = true;
     System.out.println("left");
 } else if (dir == Canvas.DOWN) {
     retorno = false;
     System.out.println("Down");
 } else if (dir == Canvas.RIGHT){
     retorno = true;
     System.out.println("Rig");
 } else
     retorno = true;
 
 System.out.println(retorno);
 return retorno;
```
}

}

Criacao de uma nova classe

import java.util.Hashtable;

/**
*

@author Clayton Ivan
*/
public class CodKeys {

/** Creates a new instance of CodKeys */
public CodKeys() {
}

/**
- Configuracao de teclas para o modelo qTek 9090 (status nao concluido)
  */
  public static String qTek_CaracterDigitado(Integer keyValue){
  final char[] charset = “ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789’”.toCharArray();
  final int[] codigoTecla = new int[65];
  codigoTecla[0] = 65;
  Hashtable hashKey = new Hashtable();
  hashKey.put(new Integer(65), new String(“A”));
  hashKey.put(new Integer(97), new String(“a”));
  
  return (String) hashKey.get(keyValue);
  }

}

PoneyMan · Outubro 18, 2007, 11:38am

[quote=clayton1nico]como o aparelho qtek 9090 nao esta colaborando com o textfield, pois o mesmo “estica” o componente para 5 linhas…ficando horrivel na tela…
por isso usando o customitem…estou arranhando a criacao do componente textfield…logico que é dificil e sozinho nao irei conseguir…porem com a ajuda da galera…quem sabe nao sai um projeto legal…
segue a minha classe…só que na emulacao do qwerty os eventos de teclas foram disparados, mas ao colocar no aparelho…nao funcionou nada…como se nao tivesse teclando nada…esse é o primeiro desafio nosso…ok
A Classe LTextField pode ser importada na paleta de Componentes Custom no netbeans…

ok…espero que alguem se interesse pelo assunto…ou quem ja fez mostra ai para nós…obrigado…

/*

LTextField.java
Created on 17 de Outubro de 2007, 10:58
To change this template, choose Tools | Template Manager
and open the template in the editor.
*/

package principal;

import java.util.Vector;
import javax.microedition.lcdui.Canvas;
import javax.microedition.lcdui.CustomItem;
import javax.microedition.lcdui.Font;
import javax.microedition.lcdui.Graphics;

/**
*

@author Clayton Ivan
*/
public class LTextField extends CustomItem{
private int largura;
private int altura;
private String texto;
private Graphics canvas;

/** Creates a new instance of LTextField */
public LTextField(int altura, int largura) {
super(“LyTextField”);
this.largura = largura;
this.altura = altura;

}

public void setTexto(String texto){
this.texto = texto;
}

public String getTexto(){
return texto;
}

protected int getMinContentWidth() {
return largura;
}

protected int getMinContentHeight() {
return altura;
}

protected int getPrefContentWidth(int i) {
return largura;
}

protected int getPrefContentHeight(int i) {
return altura;
}

protected void paint(Graphics g, int w, int h) {
canvas = g;
g.setColor(255, 255, 255);
g.fillRect(0, 0, w-1, h-1);
```
 g.setColor(0, 0, 0);
 g.drawLine(0, altura, w, altura);
 
 if (texto != null)
     g.drawString(texto, 3, 2, 0);
 

 g.drawRect(0, 0, w-1, h-1);
 g.setStrokeStyle(g.HCENTER);
```
}

protected void keyPressed(int keyCode) {
texto = texto + "press: " + String.valueOf(keyCode);
```
 repaint();
```
}

protected void keyReleased(int keyCode){
System.out.println(keyCode);
```
 texto = texto + "rele: " + String.valueOf(keyCode);
 String caracter = CodKeys.qTek_CaracterDigitado(new Integer(keyCode)) ;
 if (caracter != null)
     texto = texto + caracter;
 
 repaint();
```
}

protected boolean traverse(int dir, int viewportWidth, int viewportHeight, int[] visRect_inout ) {
boolean retorno = false;
```
 if (dir == Canvas.UP) {
     retorno = false;
     System.out.println("Up");
 } else if (dir == Canvas.LEFT) {
     retorno = true;
     System.out.println("left");
 } else if (dir == Canvas.DOWN) {
     retorno = false;
     System.out.println("Down");
 } else if (dir == Canvas.RIGHT){
     retorno = true;
     System.out.println("Rig");
 } else
     retorno = true;
 
 System.out.println(retorno);
 return retorno;
```
}

}

Criacao de uma nova classe

import java.util.Hashtable;

/**
*

@author Clayton Ivan
*/
public class CodKeys {

/** Creates a new instance of CodKeys */
public CodKeys() {
}

/**
- Configuracao de teclas para o modelo qTek 9090 (status nao concluido)
  */
  public static String qTek_CaracterDigitado(Integer keyValue){
  final char[] charset = “ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789’”.toCharArray();
  final int[] codigoTecla = new int[65];
  codigoTecla[0] = 65;
  Hashtable hashKey = new Hashtable();
  hashKey.put(new Integer(65), new String(“A”));
  hashKey.put(new Integer(97), new String(“a”));
  
  return (String) hashKey.get(keyValue);
  }

}
[/quote]

Se o problema é que não aparece, poderia começar a dar uma olhada no drawString. Não sei se o Anchor (consulte o javadoc) que você passou (0) seria válido.
Normalmente é usado uma expressão “TOP | LEFT”.

Implementar um TextField no celular envolve você controlar quantas repetições houve da mesma tecla dentro de um espaço de tempo aceitável e a partir daí vc pode determinar qual a real letra ou número que deverá entrar nele.

clayton1nico · Outubro 26, 2007, 10:02pm

Ok amigo…realmente ficou complicado…porem o q me desanimou foi q no qtek os codigos das teclas nao funcionam…só no emulador a tecla A me responde 97…aí desanimei e pesquisei o superwaba…para esse problema foi dez a solucao…agora sou livre para deixar o textfield do tamanho e altura que eu quiser…hheeheh

obrigado pela atencao…

j0nny · Janeiro 13, 2010, 3:39pm

Aproveitando o tópico, como vc conseguiu capturar as teclas pressionadas para serem adicionadas no Campo de texto?

ricoldi · Janeiro 14, 2010, 9:10am

É só usar:
keyPressed(int keyCode), keyRepeted(int keyCode) e keyReleased(int keyCode).

Mas tem que ser ou canvas, ou customitem… nada de form, list e outros derivados…

j0nny · Janeiro 14, 2010, 10:09am

Vou fazer em canvas, mas tenho umas dúvidas ainda…
Tenho que fazer por exemplo, um método auxiliar que pegue a ‘letra’ de determinado código de tecla?
E como controlo a repetição, já que não consegui nenhum efeito com o keyRepeated :oops:

E nos celulares touch?

ricoldi · Janeiro 14, 2010, 10:33am

Sim você tem que mapear o int de retorno com a “letra” que vc quer… tem muitos exemplos na internet só procurar…

Você tem que fazer o controle da sua repetição… tem tb muitos exemplos na internet…

Vai da sua imaginação, porque ele não vai abrir o tecladinho do sistema para você… você que cria um ou sei lá…

para mais informações consulte o javadoc da classe canvas.

j0nny · Janeiro 19, 2010, 8:23am

Não consegui achar nenum exemplo na net sobre a repetição, se não for pedir demais, tem como postar uns links?

vfmartins · Fevereiro 11, 2010, 2:44pm

j0nny, você conseguiu exemplos?

j0nny · Fevereiro 11, 2010, 2:54pm

j0nny, você conseguiu exemplos?

[/quote]

Axei um exemplo de repetição, mas fico meio vago.
Precisei de um teclado touch num projeto, então acabei deixando um pouco de lado essa repetição, mas logo logo vou precisar, aí vou estudar o exemplo.

system · Janeiro 4, 2016, 11:38pm

Quem Topa contribuir - TextField on Canvas

Cursos de Mobile

Cursos de Programação

Cursos de Front-end

Cursos de DevOps

Cursos de Design & UX

Cursos de Business

Cursos de Data & BI