W tym artykule postaram się zapoznać Cię z komponentem Image z karty Additional. Jest to bardzo przydatny komponent podczas pisania programów. Dzięki niemu mamy możliwość wstawienia obrazka na formie programu. Ale to nie wszystko, bardzo ważną wg mnie możliwością jest to że umożliwia nam on rysowanie z poziomu kodu programu własnych "obrazków". Zapisałem to w cudzysłowiu ponieważ tak naprawde nikt nie rysuje obrazków za pomocą tego komponentu, jest on najczęściej wykorzystywany do rysowania jakichś prostych schematów, oraz przedwszystkim jesli nie masz pieniądzy na wykupienie komponentu do tworzenia formularzy możesz do tego celu wykorzystać komponent Image. Oczywiscie nie ma co ukrywać że tworzenie formularzy za pomocą tego komponentu jest bardziej pracochłonne i trudniejsze niż użycie gotowych komponentów przeznaczonych do tego celu, ale niestety chcąc tworzyć formularze w projektach komercyjnych musimy słono zapłacić za komponenty przeznaczone do tworzenia formularzy. A dla młodych programistów którzy, dopiero zaczynają prace w swoim fachu jest ciężko zdobyć pieniądze na zakup profesjonalnych komponentów. Dlatego trzeba radzić sobie po swojemu!

Pierwsze co zademonstruję to takie standardowe użycie do ładowania obrazka co można wykorzystać przy pisaniu np przeglądarek do zdjęć itp.

Wstawiamy na naszą formę komponent Image z zakładki Additional. Zmieniamy jego nazwę na np Obrazek. Proponuję za każdym razem kiedy tworysz jakiś projekt zmieniać od razu nazwy komponentów tak abyś potem wiedział do czego ten komponent służy, lub w trakcie pisania kodu nie zastanawiał się czy teraz masz sie odnoscić do Image1 czy do Image2.

Na formę wstawiamy jeszcze Button (zakładka Standard). Ja wstawiam Button tylko w celach demonstracyjnych Ty możesz kod wczytywania obrazka czy innych wstawiać np przy wczytywaniu formy itp.

Teraz wstawiamy kod odpowiedzialny za załadowanie obrazka w procedurze OnClick naszego przycisku (klikamy dwukrotnie na przycisk i otwiera się nam okno z kodem źrodłowym, kursor ustawiony wewnątrz tej procedury.):

procedure TForm1.Button1Click(Sender: TObject);
begin
Obrazek.Picture.LoadFromFile('C:\logo.bmp');
end;

Wewnątrz funkcji LoadFromFile wpisujemy ścieżkę dostępu do naszego obrazka.Ważne! Obrazek musi być mapą bitową (*.bmp). Przy próbie wstawienia obrazka o rozszerzeniu np gif  pojawi się nam komunikat: 

Jeśli wszystko zrobiłeś prawidłowo na formie w miejscu komponentu Image powinien pojawić Ci się obrazek który próbowałeś wstawić.