我與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
螢幕按鈕切換
除了變換這個
我們也可以試試看變換背景色
背景色按鈕切換
留言
張貼留言