Autoplay Media Studio Examples & Scripts

Cropped Image Can Be Resized Properly

OK.  To oil my rusty AMS skills and warm-up a bit, I’ve revised the previous Image Edit Console. I did some clean-up from 2 errors and edited out redundant scripts from the Globals.

Errors :

(1) When resizing a cropped image bigger by using the [+] button, it will recall the original image selected from the ListBox.

(2) When centring a cropped image by using the <<center>> button, it will recall the original image selected from the ListBox.

So, for those using the previous Image Edit Console, it is advisable to download this one.

Please Login or Register to download this file.

+++ I noticed on occasions, that the Cropped Image wont redraw on the Edit Console stage and couldn’t save properly. I can’t figure out why and assumed that it is caused by low RAM. If anyone notices this and found a solution, please share with us.

Hi,

In our prior project, we have refined the Search Image Utility.  After an image is found and we plan to use, we may need to edit it bit. Some reasons for editing images may include to edit out irrelevant objects or persons in the image, to reduce the size of an image or reposition the object of interest. Thanks to SSIDE and WORM for contributing the DLLs which made the editing possible via AMS.

This AMS example shows how a selected Image can be RESIZED, REPOSITIONED, ROTATED and CROPPED before any final usage. This Basic Image Edit Console will be embedded inside the latest Search Image Utility in the next article. Once thats done, we will finally insert this utility into our Mini Email Address Book.

Original Image before Editing

You may noticed that once you selected an Image, it will appear with ASPECT RATIO maintained eventhough it might be smaller than the original. NOTICED THE RED RECTANGULAR GUIDE? That guide is used to standardize all image sizes to be used in the Mini Email Address Book. The Image will be cropped according to the size of the Red Guide. You can get rid of this by the Click On & Click Off Button as shown in the screen shot below.

Red Guide is Off

Without the Red Guide, you can Drag the Left Mouse Button and select your own area to Crop. The area to be cropped will appear in a Yellow Guide. Then click the Crop & Save Button. The Cropped Image will be Saved in a Folder “EditedImage” on the DeskTop.

Drag Left Mouse Button

Lets say I keep the Red Guide in the Screen Shot below.  I can move and position the Image using Position Buttons. You can choose the move distance by Pixels by selecting the Position Combo from 1 to 10 pixels.

Image Moved to the LEFT

From the Screen Shot below, you can see that I have Resized and Moved the Image. You can Resize the Image by using the Resize Buttons + ( for larger ) and – ( for smaller ). Choose the Resize Percentage from the Percent ComboBox.

Image is Moved and Resized

The Screen Shot below showed the Cropped Image based on the Red Guide.

Cropped Image based on the Red Guide

The Screen Shot below shows an Image which is cropped based on Mouse Dragged area

Image Cropped based on Mouse Drag Area

So far so good. You can also ROTATE an Image when it is necessary by using the <<LEFT or RIGHT>> buttons.

And if you plan to use this Basic Image Editing Console for your projects, please make sure you put Error Check Functions. AND….. please leave a comment in this blog.

Please Login or Register to download this file.

Hi,

We need to improve the Search Image Utility slightly before we go forward and insert it to our Mini Email Address Book. The previous examples shows how to search the whole selected drive. This time, we can drill down and choose our search to specific folder. This way, we don’t need to search the whole drives everytime. Now we have more control of our search.

If you check the screen shot below, you’ll see I’ve added 2 Buttons, 1 Check Box and an additional Label.

Search Image Utility

The Refresh Button :  refreshes any new storage media that was just inserted such as Thumbdrive and etc. It also clears the Selected Folder Path Flat Input Box.

The Folder Button : opens a Dialog of Folders within the Selected Drive. Select a Folder. The path will appear in the Flat Input Box. This input box is Read Only. So you can’t delete what you selected by typing into it. To delete it, you have to use REFRESH BUTTON. To choose another folder, just click the FOLDER BUTTON again.

The Check Box “Keep Previous Search” : will let you keep previous search in the Search Result ListBox. This is useful for doing lots of searches, trim what you dont need and save into specific Groups. This is where the new Label comes into play.

The Label “FOUND” : shows the total number of items found in the latest search.

The Label “TOTAL” : shows the total number of items in the ListBox.

Search Image Utility : Folder Drill Down

For the purpose of the Mini Email Address Book, the Image Size I plan to use are normally small. We have the choice of using our favourite Image Editing Tool. If we need to embed a basic image editing console, then the use of DLLs is unavoidable. So in the next article, I’ll be using some DLLs to :
1. Rotate Image
2. Resize Image
3. Crop Image

I will maintain the Images’ Aspect Ratio and then Save the Images into its special folder just for the Mini Email Address Book.

Please Login or Register to download this file.

Please leave a comment if you choose to download this example.

WARNING : This example needs advance familiarity with AMS objects and actions. Cut and paste will not help in improving your skills.  You need substantial understanding to place Error Check functions in the scripts. Advance skills is also needed if you plan to improve this example and repair my mistakes. SO…. if you are not familiar with AMS object and actions, please dig and understand Basic Examples I have posted earlier.  And use the HELP FILE as reference.

Hi,

I noticed a lot of downloads for the Basic SlideShow. Safe to say that the posted sample is quite useful indeed. Thanks for downloading, but where are the comments? Even short comments would be much appreciated.

As promised, here’s the Search Image Utility with a SlideShow feature, alongwith of the Thumblist feature.

From the ScreenShot below, you will notice I’ve added a Slide Show button to the project. OnClick, a Temp Table is created by collecting info from the ListBox. Then the same action opens a DialogEx with a SlideShow object. OnShow, the DialogEx collects info from the Temp Table and inserts them (image path) into the SlideShow object. No big deal. The Temp Table is the KEY. It bridges info between objects. AMS & LUA rulez !!!!

Search Image with SlideShow

Your Search Results can be seen in a SlideShow. And if you select a Saved Groups, you can view a SlideShow of it as well ( shown on the screen shot below ). AND …………if you tweak this example further with RETESET’s, SSIDE’s, UPETER’s, WORM’s & DERMOT’s plugins, you’ll amazed yourself with a feature-rich Electronic Album.

Search Image Utility with Slide Show

Finally, if you plan to distribute APPs developed from project examples in this blog, PLEASE INCLUDE ERROR CHECK FUNCTION for each AMS action. It’s your responsibility to do that. Most of my examples are without error checking for the sake of clarity.

Please leave your comments in this blog.

Please Login or Register to download this file.

Hi,

I thought of inserting a SlideShow function into our Search Image File Utility. This will put it closer towards becoming an Electronic Album. Before doing this, some readers may want to see a basic example of a stand-alone Slide Show.

A Basic SlideShow

What this project does:
1. Auto-Populate Images from AMS images folder into the SlideShow.
2. Place the first Image immediately, so we don’t see a blank or black screen.
3. Auto Insert Slide Number & Total Slide Number in an FLAT INPUT BOX.
4. Clicking the Start Button will start the SlideShow. Auto is OFF.
5. As the SlideShow plays, the FLAT INPUT BOX shows the current Slide Number, dynamically.
6. Also, as the SlideShow plays, another Input Box shows the current Image Path, dynamically. Clicking OPEN button will run that Image in a user default image software.

I’ve inserted some control over the SlideShow. So, we know where we are, stop it wherever we want to,  return to previous slides or go to the next slides as we wish. And run it from there.

Anyways, we can have more advanced control such as Re-Arrange the Sequence of Images, Save that sequence for a Presentation, Delete Unwanted Images from the SlideShow as well as Navigate right to a Slide from a Number Input. And ….. I leave these extra functions entirely for your development pleasure.

Please leave a comment if you choose to download this sample.

Please Login or Register to download this file.