Help
Bom, depois de ver alguns tópicos aqui e em outros fóruns pedindo um sistema de compras feito SOMENTE em flash, eu decidi me aventurar e tentar criar uma mini loja virtual para explorar esse universo.
Não é nada muito complicado de se fazer, mas como já falei milhões de vezes, criar uma loja virtual feita exclusivamente em flash não é aconselhável.
Optem por utilizar PHP juntamente com MySQL, que além de ser mais seguro, é mais rápido e fácil de se atualizar.
De qualquer forma, vou explicar o básico para se montar um sistema de carrinho de compras.
Utilizarei no tutorial apenas 2 ítens, e posteriormente é só vocês repetirem o procedimento para adicionarem novos ítens à sua loja.
Primeiro Passo: Layout
- Vamos Criar 2 Produtos para a loja.
- Cada um com um preço diferente.
- Cada um com um "input text" para adicionarmos a quantidade que desejamos.
- Criaremos um "dynamic text" para mostrar o valor final da compra.
- Por fim, um botão para fazer o calculo.
Segundo Passo: Nomenclatura
- Daremos a instância de qnt1 para o "input text" do primeiro produto. (qnt = quantidade)
- Daremos a instância de qnt2 para o "input text" do segundo produto. (qnt = quantidade)
- Daremos a instância de total para o "input text" que irá mostrar o valor final da compra.
- Daremos a instância de bt_calcular para o botão que irá realizar o cálculo da operação
Terceiro Passo: Programação
Para facilitar o entendimento da programação dividirei ela em 3 partes: Restrições, Tabela de preços e Calculo final
Restrições
Não podemos deixar que os campos de preenchimento de quantidade sejam preenchidos com letras, por isso vamos restringir seu preenchimento somente com números.
CÓDIGO
qnt1.restrict = "0-9"
qnt2.restrict = "0-9"
Tabela de preços
Montaremos de uma forma bem simples uma tabela de preços dos produtos de sua loja utilizando o Action Script.
Faremos tudo com a ajuda de variáveis, da forma mais simples e fácil possível.
Utilizaremos os nomes "preco1" e "preco2" para nos referirmos aos preços dos iténs 1 e 2.
Repare que em nosso layout, os produtos já estão com os preços, por isso, vamos repetir seus valores aqui:
- 20 para o produto 1
- 15 para o produto 2
CÓDIGO
preco1 = 20
preco2 = 15
Cálculo Final
Agora ja estamos bem perto do final.
Ja temos os preços de nossos produtos, um input text que nos dará a quantidade de cada produto, um input text que mostrará o valor final da compra e um botao para realizar toda a operação matemática e lógica.
Etapa 1:
A primeira coisa que temos que pensar é que campos que não estiverem preenchidos pelo comprador são campos de produtos que o comprador não quer comprar correto ?
Pois se ele quiser comprar, ele irá colocar a quantidade de itens que ele quer adquirir.
Ou seja:
Se o campo qnt1 ou o campo qnt2 estiverem vazios, os valores deles terão que ser ZERO.
Etapa 2:
Criaremos uma nova variável para armazenar os valores totais dos preços referentes a cada ítem.
Daremos a essas variáveis os nomes de total1 e total2.
O total1 mostrará o valor total referente a compra do produto 1, e o total2 mostrará o valor total referente a compra do produto 2.
Etapa 3:
Estipularemos que o valor que será mostrado no nosso "dynamic text" total será a soma das variáveis total1 e total2.
Etapa 4:
Colocaremos tudo isso organizado na programação que acontecerá quando o botão bt_calcular for apertado.
Por isso, no primeiro frame de seu Movie coloque a seguinte linha de comando:
CÓDIGO
bt_calcular.onPress = function () {
// ETAPA 1
if (qnt1.text == "") {
qnt1.text = "0";
}
if (qnt2.text == "") {
qnt2.text = "0";
}
// ETAPA 2
total1 = Number (preco1) * Number (qnt1.text);
total2 = Number (preco2) * Number (qnt2.text);
// ETAPA 3
total.text = "R$ " +Number (Number (total1) + Number (total2));
}
// ETAPA 1
if (qnt1.text == "") {
qnt1.text = "0";
}
if (qnt2.text == "") {
qnt2.text = "0";
}
// ETAPA 2
total1 = Number (preco1) * Number (qnt1.text);
total2 = Number (preco2) * Number (qnt2.text);
// ETAPA 3
total.text = "R$ " +Number (Number (total1) + Number (total2));
}
No final você terá a seguinte linha de comando na primeira frame de seu Movie:
Galera, espero que tenham gostado e que acabe servindo para alguem !
Se vocês usarem a imageinação de vocês vão conseguir fazer coisas beeem legais como a que eu estou disponibilizando para download aqui embaixo.
Estou disponibilizando o SWF e o FLA para que vocês possam dar uma olhada !
Faça Download pelo link ao lado: Download
Grande abraço para todos e boa sorte !
