No painel "Criação", no grupo "Controles usuais", clique em "Imagem". O controle criado atualmente aparece sob o mouse.
Passe o mouse sobre a primeira linha: uma borda verde aparece, permitindo que você veja a área disponível.
Clique no canto superior esquerdo da primeira linha no controle Looper. O controle de imagem é criado.
Abra a janela de descrição do controle de imagem (clique duas vezes) para modificar as características do controle.
Modificar:
o nome do controle: IMG_Visual.
o modo de exibição da imagem: selecione "Homotética" e marque "Sem ampliação da imagem" e "Centralize a imagem no controle".
o modo de transformação da imagem. Em nosso caso, a imagem do produto é armazenada em formato de memo em um item do arquivo de dados do produto. Escolha uma transformação calculada no servidor para otimizar a largura de banda e marque "Alta qualidade".
L'utilisateur va pouvoir modifier l'image du produit dans la fiche Produit. Pour cela, nous allons lui proposer un champ Bouton "Modifier" situé en dessous de l'image du produit. Ce champ ouvrira un sélecteur de fichiers permettant de sélectionner l'image à utiliser.
Tout d'abord, affichez si nécessaire la fenêtre "FEN_Fiche_du_produit" sous l'éditeur : cliquez sur le bouton correspondant dans la barre des documents ouverts.
Pour créer le champ Bouton permettant de modifier l'image :
Sous le volet "Création", dans le groupe "Champs usuels", déroulez "Bouton". Dans la liste des champs Bouton prédéfinis que s'affiche, saisissez "Modifier" dans la zone de recherche. Cliquez sur "Bouton Modifier".
La forme du champ apparaît sous la souris. Cliquez ensuite dans la fenêtre, sous l'image du produit.
Redimensionnez si nécessaire le champ Bouton (à l'aide des poignées) pour que le champ ait la même largeur que le champ Image.
Note
Lors du redimensionnement du champ, un effet de magnétisme automatique simplifie l'alignement du champ Bouton avec le champ Image.
Faites un clic droit sur le champ Bouton. Dans le menu qui s'affiche, sélectionnez l'option "Code".
Dans la fenêtre de code qui apparaît, saisissez le code WLangage suivant dans l'événement "Clic sur" :
fSélecteurImage(
L'éditeur de code propose un assistant de code.
Cliquez sur "Assistant de la fonction fSélecteurImage".
L'assistant de code se lance.
Note
WINDEV propose de nombreux assistants de code qui à l'aide de questions simples vont écrire la ou les ligne(s) de code correspondant. N'hésitez pas à les utiliser, vous éviterez ainsi des erreurs de syntaxe.
Conservez toutes les options par défaut de l'assistant et validez. Le code WLangage correspondant est automatiquement inséré.
sFichier est une chaîne
// Ouvre le sélecteur d'images sFichier = fSélecteurImage("", "", "Sélectionnez une image...")
Ajoutez le code WLangage suivant à la suite :
// Si un fichier a été sélectionné SI sFichier <> "" ALORS // Affecte l'image au champ Image IMG_Visuel = sFichier FIN
Ce code WLangage permet d'affecter le fichier sélectionné au champ Image présent dans la fenêtre.
Fermez l'éditeur de code (cliquez sur la croix en haut à droite de l'éditeur de code).
Nous testerons cette fonctionnalité lorsque la gestion des modifications effectuées dans la fiche sera finie.
Participe do Grupo com Acesso Vip Pagamento Trimestre ou Anual 25% Desconto Oferecemos Fontes,Videos,Pdfs Direito de Participar ao Vivo dos Hangouts Acesso VIP ao material de Estudo e Apoio do Programador dos Pampa 35 Anos Experiencia Desenvolvimento 6 anos em Windev Mais 2.300 Videos Publicados
Bom dia, Seja bem vindos a mais uma video Aula. Essa Aula está sendo Gravada no dia 07 09 2019.
Dica 2276. Vou mostrar como alterar imagen tabela tree expandida com Windev.
