我與openframeworks的第三天_載入圖片_視窗標題設置_改背景色_視窗模式切換結合按鈕事件

目標:
(1)oF如何載入圖像
【學習具有載入圖像的能力】

(2)oF如何進行視窗標題設置
【學習具有設置視窗標題的能力】

(3)oF如何進行背景色更改

【學習具有背景色更改的能力】

(4)oF如何進行視窗模式切換結合按鈕事件

if  判斷語法

【學習具有視窗模式切換結合按鈕事件的能力】

新增專案

projectgenerator

預設專案位置不要忘記在哪裡

(1)oF如何載入圖像

【學習具有載入圖像的能力】

openframeworks   載入圖像需要的變數型態

ofImage

ofApp.h   

【主要的變數宣告區域】

在  ofApp.h 區塊進行宣告

ofApp.cpp   


【主要的參數配置、事件撰寫區域】

在  setup 區塊進行  load函數調用



法一. 圖片資源統一放法
image.load("圖檔名稱");  
// 圖檔資源要放置於專案bin/data目錄下



法二. 絕對路徑法
image.load("路徑\\圖檔名稱");
image.load("路徑/圖檔名稱");

法一. 圖片資源統一放法

法二. 絕對路徑法

容易出錯部分請小心

在  draw 區塊進行  draw函數調用

設置左上角起始座標位置用來控制顯示位置的
(擺 ofApp::draw)

image.draw(0,0);  // Top Left corner

(2)oF如何進行視窗標題設置

【學習具有設置視窗標題的能力】

設置視窗名稱  (放置ofApp::setup區塊)

ofSetWindowTitle("the title");

(3)oF如何進行背景色更改

【學習具有背景色更改的能力】

設置背景色(放置ofApp::setup區塊)

寫法一.    ofSetBackgroundColor(r , g , b) ;

寫法二.  ofBackground(r ,g ,b);

(4)oF如何進行視窗模式切換結合按鈕事件

【學習具有視窗模式切換結合按鈕事件的能力】

我們切至   我們的main.cpp區塊

視窗模式其實有分為兩種顯示模式

OF_WINDOW

=> 會依照你指定的寬高去做顯示

OF_FULLSCREEN

=> 會直接佔滿你的全部螢幕

再來跟大家介紹  按鈕事件的撰寫


按鈕事件的撰寫區塊主要位於

ofApp.cpp  區塊

我們貼心的  oF  已經幫我們在

ofApp.h  區塊  進行函數的prototype  了呦

以 keyPressed  為例  是一個會回傳型態為int 的
鍵盤數值函數

我們要添加一個

按1就切換成全螢幕
按2就切換成原螢幕

=======>  想法就好比如電源的開關  on/off

在電腦世界就是  1/0  也就是  true/false

螢幕按鈕切換





除了變換這個
我們也可以試試看變換背景色

背景色按鈕切換