segunda-feira, 10 de agosto de 2020

DICAS 3006 - WINDEV TUTORIAL 29 - Adicionar e Modificar Janelas PRODUTOS - PARTE B



https://youtu.be/ya4BX8ZVQcI


Bom Dia/Boa Tarde/Boa Noite

Esse Ao Vivo vai estrear as 11:00 do dia 21/08/2020
DICAS 3006 - WINDEV TUTORIAL 29 - Adicionar e Modificar Janelas PRODUTOS - PARTE B
Tutoriel WINDEV : Leçon 4.2.b. Fenêtres d'ajout et de modification - Fiche produit
https://windevdesenvolvimento.blogspot.com/2020/08/dicas-3006-windev-tutorial-29-adicionar.html


ASSUNTOS

CRIANDO A JANELA FORMULARIO PRODUTOS
ADICIONANDO OS CAMPOS PELA ANALISE
REORGANIZANDO FORMULARIO
ADICIONANDO BOTOES DE VALIDAR E CANCELAR


https://doc.pcsoft.fr/fr-FR/?1410087532&name=lecon_42_fenetres_ajout_modification

Video original da Franca

https://youtu.be/PcBOHLVd6z0


Playlist Windev TUTORIAL
https://www.youtube.com/playlist?list=PLwJwZaqiZW-lxU1XF0M0htb5S5f8pavuE






Creating a "Product form" window

Creating the window
We are going to create a window used to display the characteristics of the product selected in the Table control. This type of window is called a "Form" because it corresponds to a descriptive form of requested element.
  • To create a window used to display the product details:
    1. Open the "WD Full Application" project if necessary.
    2. Create a new blank window.
      • Click Creating an element among the quick access buttons.
      • The element creation window appears: click "Window" then "Window".
      • The window creation wizard starts.
      • In the "Based on a template" tab, choose "Use: WINTPL_Template" and validate the wizard.
    3. The save window is displayed. Type the window title: "Product form". The name ("WIN_Product_form") is automatically proposed.
    4. Validate the save window.

Creating edit controls
In our case, this "Form" window will display the content of the different items found in the "Product" data file.
  • To create the controls in the window:
    1. Display the "Analysis" pane if necessary: on the "Home" pane, in the "Environment" group, expand "Panes" and select "Analysis". The different data files described in the "WD Full Application" analysis appear in the pane.
    2. Click the Arrow icon on the left of "Product" data file: the items found in the data file are listed.
      Analysis pane
    3. With the mouse, select all items displayed in the pane (except for the "ProductID" item). You can select multiple elements by holding the Ctrl key down.
    4. Drag and Drop these items to the window that was just created.
      Drag and Drop of items
    5. Different controls are automatically created in the window. These controls are automatically linked to the corresponding item in the data file. To check this:
      • Select the "Reference" control for example.
      • Open the popup menu (right click) and select "Description".
      • Go to the "Link" tab in the description window:
        Describing the edit control
        This tab shows that the current edit control is linked to the "Reference" item found in the "Product" data file.
    6. Close the description window.
    7. Save the window.
  • Reposition the controls in the window and resize the window in order to get the following interface:
    Window interface in the editor

Creating buttons
The "WIN_Product_form" window will be used to add a new product or to modify a product found in the list.
We are going to add a validation button and a cancelation button.
  • To create the Button control to validate the data entered:
    1. On the "Creation" pane, in the "Usual controls" group, expand "Button" (click the arrow under Button control ).
    2. The list of preset buttons is displayed.
    3. Click "OK": the Button control shape appears under the mouse pointer.
    4. Then, click on the right of edit controls to create the Button control.
  • Add the Button control to cancel the input using the same principle.
    1. On the "Creation" pane, in the "Usual controls" group, expand "Button" (click the arrow under Button control ).
    2. In the list of preset buttons, click "Cancel": the Button control shape appears under the mouse pointer.
    3. Then click below the "OK" Button control to create the control.
      Interface in the editor


Improving the window interface
This window being quite simple, let's try to improve its interface. Several details can become very annoying for the user so let's try to sort them out right now.
Aligning controls
  • One of the first optimizations consists in aligning the controls and in giving them the same size:
    1. Select the "Caption" control then all edit controls found in the window (hold the Ctrl key down while clicking the different controls for example). The first selected control will be used as reference for the size of other controls.
    2. In the ribbon, display the "Alignment" pane of WINDEV. This pane contains all alignment options available for the controls.
      Alignment pane
    3. We want the outside and inside borders of controls to be aligned. Click "Justify (Ins. and Out.)".
      Remark
      If you don't know which alignment to choose, hover the different options proposed by the "Alignment" pane of WINDEV. When hovering an option with the mouse cursor, the controls selected in the window are automatically positioned and/or resized according to the hovered option.
      If the positioning suits you, all you have to do is click the option.
      If the positioning does not suit you, all you have to do is hover the alignment options: the controls move back to their initial position.
      Interface in the editor











DICAS 2978 - WINDEV TUTORIAL 1 - 1.1B - WINDEV TEMA ESCURO E IDIOMA DO AMBIENTE
DICAS 2979 - WINDEV TUTORIAL 2 - 1.2- CRIAR JANELA E INSERIR TEXTO E EXIBIR
DICAS 2980 - WINDEV TUTORIAL 3 - 2.1- VARIAVEIS PARTE 1
DICAS 2981 - WINDEV TUTORIAL 4 - 2.2- VARIAVEIS ESCOPO - PARTE 2
DICAS 2982 - WINDEV TUTORIAL 5 - 2.1- VARIAVEIS OPERADORES PARTE 3
DICAS 2983 - WINDEV TUTORIAL 6 - 2.1.D - VARIAVEIS STRINGS PARTE 4
DICAS 2984 - WINDEV TUTORIAL 7 - 2.1.E - VARIAVEIS ARRAYS PARTE 5
DICAS 2985 - WINDEV TUTORIAL 8 - 2.2.A - CONDICOES IF-SWITCH PARTE 1
DICAS 2986 - WINDEV TUTORIAL 9 - 2.2.B - CONDICOES PARTE 2
DICAS 2987 - WINDEV TUTORIAL 10 - 2.3.A - LOOP PARTE 1
DICAS 2988 - WINDEV TUTORIAL 11 - 2.3.B - LOOP EXEMPLOS PARTE 2
DICAS 2989 - WINDEV TUTORIAL 12 - Lesson 2.4. The procedures - PARTE 1
DICAS 2990 - WINDEV TUTORIAL 13 - Leçon 2.4.b. Procedures Parametros - PARTE 2
DICAS 2991 - WINDEV TUTORIAL 14 - PROCEDURES REFERENCIA - PARTE 3
DICAS 2992 - WINDEV TUTORIAL 15 - PROCEDURES OPCIONAIS OU OBRIGATORIAS - PARTE 4
DICAS 2993 - WINDEV TUTORIAL 16 - PROCEDURES EXEMPLOS - PARTE 5
DICAS 2994 - WINDEV TUTORIAL 17 - PERGUNTAS E RESPOSTA - PARTE 1
DICAS 2995 - WINDEV TUTORIAL 18 - PERGUNTAS E RESPOSTA - PARTE 2
DICAS 2996 - WINDEV TUTORIAL 19 - WINDEV E OS BANCOS DE DADOS
DICAS 2997 - WINDEV TUTORIAL 20 - PROJETO E ANALISE - CRIACAO
DICAS 2998 - WINDEV TUTORIAL 21 - PROJETO E ANALISE - ARQUIVOS DADOS CLIENTE - PARTE 2
DICAS 2999 - WINDEV TUTORIAL 22 - PROJETO E ANALISE - ARQUIVOS DADOS CRIACAO ARQUIVO PEDIDO - PARTE 3
DICAS 3000 - WINDEV TUTORIAL 23 - PROJETO E ANALISE - IMPORTANDO CVS-ARQUIVO TEXTO - PARTE 4
DICAS 3001 - WINDEV TUTORIAL 24 - PROJETO E ANALISE - IMPORTANDO ARQUIVO PRODUTO - PARTE 5
DICAS 3002 - WINDEV TUTORIAL 25 - PROJETO E ANALISE - LINK - PARTE 6
DICAS 3003 - WINDEV TUTORIAL 26 - RAD COMPLETO
DICAS 3004 - WINDEV TUTORIAL 27 - VISAO GERAL
DICAS 3005 - WINDEV TUTORIAL 28 - Adicionar e Modificar Janelas PRODUTOS - PARTE A
DICAS 3006 - WINDEV TUTORIAL 29 - Adicionar e Modificar Janelas PRODUTOS Formulario - PARTE B
DICAS 3007 - WINDEV TUTORIAL 30 - Adicionar e Modificar Janelas PRODUTOS ALINHAR CAMPOS - PARTE C








Nenhum comentário:

Postar um comentário

Teste

Teste
teste
<