You may think this is too basic, too simple, but we recommend that you create this window. You may be surprised by how intuitive and how easy it is to use the editor of WinDev Mobile. Furthermore, this window will allow you to discover concepts that are fundamental for the rest of this tutorial and to see the entire process for developing an Android application with WinDev Mobile.
Creating the window To create the window: 1. Click among the quick access buttons of the WinDev Mobile: 2. The window for creating a new element is displayed. This window is used to create all the elements that can be associated with a project. The wizard for window creation starts. Select Blank in the list of windows displayed on the left. In the list of skin templates found on the right, the ActivAndroid 4-HoloLight skin template is selected by default. You can choose another skin template proposed in the list. Note The skin templates allow you to quickly create outstanding interfaces.
A skin template defines the style of the window but also the style of all the controls that will be used in this window. No ugly interface anymore. The window is automatically created in the editor. Save the window by clicking among the quick access buttons. During the first backup, a specific window is displayed.
- ios v2 for samsung galaxy ace!
- This Digital Edition requires Flash 9.0.115 or above to activate some rich media components..
In our case, this title will be displayed in the title bar of the window. Part 2: Android application 31 This name will be used in programming. This prefix is automatically added because the project is using a programming charter. If you do not want to use this charter, all you have to do is disable it: on the Project pane, in the Other actions group, expand Charter and uncheck Use the charter.
The window is a file whose extension is WPW, saved in the project directory. Click the green button to validate the backup of the window. Display a message You are now going to create a button used to display a message. To create the Display button: 1. On the Creation pane, in the Usual controls group, click.
The button appears in creation under the mouse.
- Deploying an Android application - PC SOFT - On-line documentation.
- Your Answer.
- google app store talking tom.
- Description: Windev Mobile Manual.
- Related titles.
- android tsum tsum coin hack.
- free download application for samsung champ gt-c3303i.
- Documentation version 22 - 1 - 0317.
- Upgrade Account.
- sony ericsson t610 phone charger!
Move the mouse toward the position where the control must be created in the window at the top of the window for example. To drop the control in the window, all you have to do is perform a click in the window. Perform a right mouse click on the control that was just created. The popup menu of the control is displayed. Select Description from this popup menu. The description window of the button is displayed. Modify the characteristics of the control by entering the following information: 1.
Caption of this control: Display 32 Part 2: Android application Validate the description window of the control green button. The control appears in the window editor. We are going to display a message in a dialog box a small window proposed by the system. To do so, we will be using our first WLanguage function: Info. It is a 5th generation language 5GL that includes highly sophisticated commands.
Select the Display button with the mouse: all you have to do is click it. Display the popup menu of the control right mouse click. Select Code. This option opens the code editor of WinDev Mobile, in which all the WLanguage statements can be entered. The assisted development is a very powerful feature. No more mistake when typing the name of an element: the syntax errors are reduced. You can focus on the algorithm. Notes When typing this code in the code editor, you have noticed that different colors are used by the different elements.
This is the syntactic coloring. These colors can be modified element by element in the code editor options on the Home pane, in the Environment group, expand Options and select Options of the code editor. Part 2: Android application 33 Info displays the message passed in parameter. Close the code editor cross at the top right of the code editor. The window re-appears. First test For an Android application, WinDev Mobile allows you to run the test of the application on the development computer via the simulation mode. This test simulates an Android device on the development computer.
This test is useful when the developer has no Android device. This operation is explained in the next para- graph. Let's now run the test of the window in simulation mode. Click among the quick access buttons or press [F9]. Validate if necessary the information message regarding the simulator mode. The created window is started in execution. The simulator shell corresponds to the device chosen in the project wizard Samsung Galaxy S3 in our example.
Click the Display button. Validate the system window that is displayed. Any developer knows that running a program test can be a long and tiresome job. This is both simple and fast! Click the x button found in the simulator shell to close the window. The editor of WinDev Mobile is redisplayed. Copying the application can take several seconds. Let's take a look at these different steps. Part 2: Android application 35 Implementation To generate the Android application: 1. On the Project pane, in the Generation group, click Generate you also have the ability to click among the quick access buttons.
WinDev Mobile proposes to select the first project window. The wizard for generating an Android application starts. Go to the next screen by clicking the arrow keys found at the bottom of the screen. This screen is used to define the version number of the application. This screen is used to sign the application. The wizard proposes a generic signature that can be used for the tests of the application. A specific signature is required to distribute the application. This screen is used to include specific files data files, images, This possibility will not be used in our example.
Keep the default options.
This screen is used to include specific libraries. This screen is used to define the permissions of the application. By default, according to the WLanguage functions used in the application, WinDev Mobile detects the necessary permissions. This screen is used to restrict the download of the application on Google Play store to the devices equipped with the features used. This screen is used to configure the options of Android SDK. The last wizard screen is used to specify whether the application must be copied and run on the device connected to the computer or on an emulator.
Notes If no device is connected or if no emulator is displayed, you must create an emulator Create an emulator button. If this option is checked, a new screen allows you to select the runtime device: That's it, our first application is generated and run on the Android device. Part 2: Android application 37 Interface GUI This lesson will teach you the following concepts Overview The Android system is available on the phones and on the tablets. WinDev Mobile allows you to easily create interfaces that adapt to the device used. Choosing the resolution according to the device When creating a project, you will have to choose the resolution that will be used for the project windows.
Via the anchoring of controls in the window, the content will be adapted to the resolution. This orientation is defined in the Details tab of the description window of the window Description from the popup menu of the window. Part 2: Android application 39 In the two first cases, no specific operation is required. For a free window, the organization of controls and their size must adapt to the orientation.
The anchoring mechanism must be use to get a proper result. In our example, the project was created for a phone and its test was run in portrait mode in the simulator. We are now going to run its test in landscape mode in the simulator. Run the project test among the quick access buttons. The window is displayed in portrait mode. In the simulator, click the arrow in the shell. The orientation of the window changes on the screen.
In our example, the location of the button does not change: it does not adapt to the orientation of the screen. We are now going to modify our window in order for the Display button to be centered in the window and to remain centered regardless of the device orientation. Stop the test and go back to the editor. To center the button in the window: 1. Select the button click the button. On the Alignment pane, in the Centering and distribution group, click Center in the parent horz.
In order for the button to remain centered in the window, we are going to use the control anchoring: 1. Display the popup menu right mouse click. Select Anchor: the window for defining the anchors is displayed: 4. Select Horizontally centered and validate green button.
Subscribe to RSS
Management of touchscreen One of the most important aspects of the interface for a mobile application is the management of the touchscreen feature. A multitouch feature is a technique allowing the user to interact with a device via several contact points. Handling images is one of the most common features of the multi-touch. This allows you to perform a zoom on an image via the contact of 2 fingers moving apart. Part 2: Android application 41 On the Creation pane, in the Usual controls group, click Image.
The Image control appears in creation under the mouse. Move the mouse in the window toward the position where the control must be created. To drop the control in the window, all you have to do is perform a new left mouse click. Double-click the Image control: the description window of the control is displayed. In the General tab, select an image found on your disk in the Image edit control via the file picker [ If the image is found in a directory other than the project directory, WinDev Mobile proposes to copy the image file into the project directory. Accept by clicking the Copy the file into the suggested directory button.
Display the Details tab: the options for managing the multi-touch are displayed: 8. Select Automatic scroll and zoom. Validate the description window of the control. Save the window click among the quick access buttons. A GUI error appears in the error pane: the automatic scrollbars of the window are in conflict with the scroll features of the Image control. The GUI error disappears. Notes Multi-touch support cannot be tested in the simulator. To check this feature, you need to deploy the application on the mobile device.
Close the project. The different types of controls WinDev Mobile offers a large number of controls. These controls let you display or enter data. Some controls are specifically intended for a mobile interface. Some of these controls are presented in the Advanced programming lesson.
Part 2: Android application 43 Databases This lesson will teach you the following concepts In this case, the application is stand-alone. No Wi-Fi or 3G connection is required. The data is stored in the memory of the device. The maximum storage size depends on the amount of memory on the device. To access this computer and therefore the database , a method for communicating with the server must have been enabled in the mobile application Wi-Fi or 3G in order to connect via the network or Internet. The response times depend on the quality of the Wi-Fi or Internet network and on the amount of requested data.
This database is stored in the memory of the device.
The synchronization methods must be used to keep the data updated. Part 2: Android application 45 The synchronization The synchronization mechanism is used to synchronize the data stored on a mobile device with the data stored on a server. The synchronization uses the mechanism of universal replication.
See the online help keyword: Replication for more details. Accessing data via a Webservice Another method can also be used to access the data on a server from a mobile device: the call to a Webservice. In this case, the mobile device must be equipped with a Wi-Fi or 3G connection to connect to the Webservice. The mobile application does not directly access the database. The application calls the functions of the Webservice. These functions return the data. It is the Webservice that accesses the database.
See the online help keyword: Webservice for more details. Advanced programming This lesson will teach you the following concepts Estimated time: 1 h Part 2: Android application 47 This application will allow us to present some specific features of the Android programming. Opening the project Start WinDev Mobile 20 if not already done.
Open the Android Managing Products project. To do so, in the home window, click Tutorial and select the Android Managing Products Exercise project. New in version 21 If your application is using the Facebook identification, the wizard for generating the application provides the identifiers required to save the Android application on Facebook.
Installing tools for Android development - PC SOFT - On-line documentation
Versions 22 and later The application is compiled and generated in background task. The editor can be used when generating the application. New in version 22 The application is compiled and generated in background task. Copying the generated application onto an Android device The generated application is copied onto an Android device:. Versions 16 and later via "Workshop.. Deploy the last application generated on the mobile device".
New in version 16 via "Workshop.. Select the device onto which the application will be copied. At the end of copy, the application will be automatically started. You will be able to run its test. Versions 18 and later Implementing a Splash Screen. Overview When an Android application is started, the initialization code of project is run before opening the first window. The execution time of this code can be quite long and the user may think that the application is slows or that it encounters a problem. To solve this problem, we recommend that you use a splash screen, displayed while the project initialization code is run.
Implementation To use a splash screen, select "Splash screen" in the wizard and click the "Options" button to configure the information displayed: To use a splash screen, select "Splash screen" in the wizard and click on "Options" to define the information displayed:. You can also specify the color to use for the different captions as well as the background color of the splash screen. Operating mode The code in the "Initializing" event associated with the project is run in a thread while the splash screen is displayed. It is recommended to run long processes in this event for example: connection test, connection, extraction of resources etc.
New in version 18 Implementing a Splash Screen. Setup location. Customizing commands. Customizing the manifest. You may have to specify:. Versions 17 and later Note: If your application is using features not supported by the selected minimum version, a specific icon is displayed on the right of minimum version. An information message allows you to see the details of features that will not be supported if this minimum version is stored.
New in version 17 Note: If your application is using features not supported by the selected minimum version, a specific icon is displayed on the right of minimum version. Versions 16 and later Setup location : The possible options are as follows: Internal memory : The application will be installed in the internal memory of the device and it cannot be installed in the external memory SD card for example.
The application will not be installed if the internal memory of device is full. Internal memory movable to the SD card : The application will be installed in the internal memory of device but it can be moved by the user into the external memory from the application for managing the applications accessible from the menu of device parameters. If the internal memory of device is full during the setup, the application will be installed in the external memory.
SD Card movable to the internal memory : The application will be installed in the external memory of device but it can be moved by the user into the internal memory from the application for managing the applications accessible from the menu of device parameters. If the external memory of device is full or not accessible during the setup, the application will be installed in the internal memory.
New in version 16 Setup location : The possible options are as follows: Internal memory : The application will be installed in the internal memory of the device and it cannot be installed in the external memory SD card for example. Versions 16 and later Consequences of installing an application in the external memory : Only the APK file of the application is installed in the external memory. The application data databases, external files, etc. The APK file installed on the external memory is encrypted with a key allowing it to operate with the device that installed it only.
Therefore, an application installed on the SD Card operates for a single device. Installing an application on the external memory does not impact the performances of the application. If the user connects his device to the PC in "mass storage" mode or in "disk drive" mode , the SD Card is automatically dismantled from the device and it is no longer accessible from this one. All the applications installed on the SD Card and currently operating are killed. New in version 16 Consequences of installing an application in the external memory : Only the APK file of the application is installed in the external memory.
Versions 18 and later Customizing the manifest. The manifest generated for the Android application can be edited. You have the ability to add, modify, delete nodes or attributes. Caution : Modifying the manifest may trigger compilation errors or failures during the execution on the device. New in version 18 Customizing the manifest. You may have to specify: its location in most cases, this location was specified when creating the first Android project.
Note: If your application is using features not supported by the selected minimum version, a specific icon is displayed on the right of minimum version. Setup location : The possible options are as follows:. Consequences of installing an application in the external memory :. Advanced configuration The options of the advanced configuration are as follows:. Versions 19 and later SHA1 fingerprint of the certificate used to sign the application : To modify this print, all you have to do is modify the certificate used. New in version 19 SHA1 fingerprint of the certificate used to sign the application : To modify this print, all you have to do is modify the certificate used.
Therefore, I tried going back to review 21 plus added a little tweak which really worked. Learn more about Teams. Asked 3 years, 11 months ago. Active 3 years, 11 months ago. Viewed times. The Os is Win7 32Bit. How to solve this problem? Akhil 99 1 1 silver badge 10 10 bronze badges. Yogi Yang Yogi Yang 2, 10 10 gold badges 46 46 silver badges 70 70 bronze badges.