On Screen1, change the default settings of the following properties.
PictureCanvas: A Canvas displays the picture. X_Controller: horizontal arrangement inside the horizontal container as width controller. HorizontallArrangement1: horizontal arrangement inside the working area as a container. Y_Controller: vertical arrangement inside the working area as height controller. WorkArea: vertical arrangement as working area. In the Designer, add the following components into the Viewer. When the user clicks on the Help button in figure 2, a notification shows the instructions.įigure 6 Show instructions Design Overview Figure 7 shows the outline of the Components used in the project The user can drag anywhere on the screen to view different parts of the picture as figure 4 and 5.įigure 4 Dragged to the top left corner Figure 5 Dragged to the bottom right corner The picture will display only the center part of the picture as in figure 3.įigure 3 Display the picture 2 times larger When the user clicks on the Zoom In button, the picture will be enlarged 2 times its original size in both width and height. When the user touches the screen, a popup notification will be shown, and users have options by clicking the appropriate buttons as in figure 2. When the application runs, the screen is initialized, and a picture is displayed on the screen as in figure 1. I created a simplified and modified application based on the downloaded project and explain it here. I tried the downloaded project, and would like to share the mechanism behind it with others here. The post provides a project aia file for download. The article also included a hyperlink to a forum post with an example which demonstrated that a Canvas could be dragged. The page suggested some important rules and common approaches to responsive design. One day, when I put the keywords Responsive design in App Inventor in a web search, Google returned a page from MIT, other App Inventor Features references. You can attend one of our walk-in sessions held in the TechBar of the Regenstein Library (see our workshop schedule for upcoming sessions), or contact us to schedule a consultation.This is a guest blog by MIT Master Trainer Emile Wong If you need further assistance with media tools in Canvas, or if you have any other questions, Academic Technology Solutions is happy to help. See also: How do I embed images from Canvas into the Rich Content Editor as an instructor?. 
For detailed information on this new feature, see the latest Canvas Release Notes. Please note that because students, unlike instructors, do not have access to Course files, they must select My files as the location to which to upload images. For example, your students can now embed an image in a comment within a discussion thread, or create a multimedia wiki by embedding images on a content page (provided you set the page permissions to allow students to edit). This new feature makes it possible for students, as well as instructors, to upload and embed images with the Rich Content Editor. Sample content page with image ready to be embedded and Save button indicated
0 kommentar(er)
