導航:首頁 > 文件管理 > lvgl界面設計配置文件

lvgl界面設計配置文件

發布時間:2023-06-06 06:06:22

1. UI設計師的工作界面怎麼用PS設置

Photoshop新建文檔設置

操作:菜單 → 文件 → 新建

寬度:640像素

高度:1136像素(4英寸iPhone設備)

解析度:72像素/英寸(ppi)

顏色模式:RGB顏色

背景內容:白色(可選)

顏色配置文件:不要色彩管理此文件(更多顏色設置後)

像素長寬比:方形像素

配置如下圖:

對齊設置

這個處就是當你使用圖層、形狀等操作時自動對齊網格,畫矢量圖不怕模糊邊緣,確保每個像素保持清晰。

設置:

菜單 → 視圖 → 對齊

菜單 → 視圖 → 對齊到 → 全部

首選項設置

操作:菜單 → 編輯 → 首選項 → 常規,建議按下圖設置

啟用輕擊平移

僅僅是一個滑移效果,占內存又不能提高操作效率,建議關掉。

根據HUD垂直移動來改變圓形畫筆硬度

功能挺好用的,按Alt+右鍵左右/上下移動可以分別改變畫筆的大小和硬度。

將矢量工具與變換與像素網格對齊

這個強烈建議UI設計開啟這個功能,這個讓你來矢量力不會產生半像素虛邊,十分好用。但在需要微調整時可暫時關閉它。

文本設置

字體我一般把字體設置為犀利,如果你是Photoshop CC版本,它有一個Windows LCD/Mac LCD抗鋸齒功能,文字可以為網頁一樣效果了,所以建議升級到Photoshop CC吧。

操作:首先選定文本 → 字元工具(AA)選擇Windows LCD/Mac LCD

全局光

蘋果iOS人機界面指南,你應該把燈光設置為90°。

操作:圖層 → 圖層樣式 → 全局光 → 90°

網格設置

現在設計iOS界面都要兼容視網膜(Retina),所以我把每個網格設置為2像素,這樣我就不怕圖像在視網膜設備下變得模糊了。

操作:菜單 → 編輯 → 首選項 → 參考線、網格和切片,網格線間隔:4像素;子網格2。或者網格線間隔:2像素;子網格1。我喜歡前者^_^

導出設置

不管我們是做網頁不審設計iOS APP應用程序時,導出圖像最好是使用」存儲為Web所用格式」來導出。

這里通過」存儲為Web格式…」導出PNG-24為例,其中默認設置比較重要,如下圖:

操作:菜單 → 文件 → 存儲為Web格式所用格式

預設:PNG-24

透明:勾選

交錯:未勾選

嵌入顏色配置文件:未勾選 (Photoshop CC版本才有)

轉換為 sRGB:未勾選

質量:兩次立方

Retina顯示器設置

如果你是使用帶Retina視網膜的MacBook Pro,你應該確保你是使用2800×1800像素(1440×900點)

操作:Apple菜單 → 系統偏好設置 → 顯示 → 最適合顯示器

顏色配置

顏色配置是極為復雜的一個操作,如果你不是這領域的大神,那麼還是老老實實的用推薦的配置吧,這里我選擇了Marc Edwards的顏色配置選項。

2. 如何修改配置文件

1. 引言
OpenWRT中採用LuCI作為它的Web interface界面框架,採用Lua語言。在本文中將以一個簡單的示例詳細描述如何自定義開發一個界面,對一個配置文件進行操作。
2.Model與Controler
MVC的設計理念是進行LuCI開發的一個關鍵
在LuCI中Controller的文件定義在固件中的/usr/lib/lua/luci/controller目錄中,模版目錄在/usr/lib/lua/luci/view目錄下,而model則是在/usr/lib/lua/luci/model中。而model中有一個特殊的模塊叫做CBI,被稱為LuCI中最酷的功能,該模塊的功能是方便的對一個配置文件進行修改。
3.示例
本文中的頁面建立在LuCI界面的network下,不單獨創建頁面,因此無需寫view,只用些controller和model就可以了。
1)首先創建一個controller
ccontroller/mycbi.lua
mole("LUCI.controller.mycbi", package.seeall)

function index()
entry({"admin", "network", "mycbi_change"}, cbi("mycbi-model/mycbimole"), "Change My Conf", 30).dependent=false
end

解釋一下關鍵代碼

在index()函數中,使用entry函數來完成每個模塊函數的注冊,官方說明文檔如下:
entry(path, target, title=nil, order=nil)
path is a table that describes the position in the dispatching tree: For example a path of {"foo", "bar", "baz"} would insert your node in foo.bar.baz.
target describes the action that will be taken when a user requests the node. There are several predefined ones of which the 3 most important (call, template, cbi) are described later on on this page
title defines the title that will be visible to the user in the menu (optional)
order is a number with which nodes on the same level will be sorted in the menu (optional)
其中target主要分為三類:call,template和cbi。call用來調用函數,template用來調用已有的htm模版,而CBI模塊則是使用非常頻繁也非常方便的模塊,包含的一系列lua文件構成界面元素的組合,所有cbi模塊中的控制項都需要寫在luci.cbi.Map中,在cbi模塊中定義各種控制項,Luci系統會自動執行大部分處理工作。在cbi.lua文件中封裝了所有的控制項元素,例如復選框,下拉列表等。

2)創建model
#mkdir /usr/lib/lua/luci/model/cbi/mycbi-model
#vim /usr/lib/lua/luci/model/cbi/mycbi-model/mycbimole.lua
m = Map("mycbi", "mycbi conf change interface")
s = m:section(TypedSection, "MySection")
s.addremove = true
s:option(Value, "username", "Name:")
key=s:option(Value, "password", "Password")
key.password=true;
return m

解釋一下關鍵代碼:

3)創建配置文件
#vim /etc/config/mycbi
config 'MySection' 'mycbi'

option 'username' 'youruser'
option 'password' 'yourpass'

4. 測試
進入OpenWRT界面,登陸後就可以點擊「網路」,如果是英文就點擊network,可以看到我們添加的子頁面入口:

點擊後進入頁面如下:

輸入用戶名密碼:root/test,點擊保存,後台查看配置文件已經被更改:

5. 問題記錄
1)首先,配置文件不能有任何後綴,否則頁面載入後是空頁面
2)如果出現500 錯誤,說明lua文件寫的有問題,要麼是路徑錯誤,要麼是語法錯誤,暫時沒找到寫日誌的方法,可以用wireshark抓包看錯誤

3. 易語言讀取配置文件

545018629

閱讀全文

與lvgl界面設計配置文件相關的資料

熱點內容
java定時器quartz實例 瀏覽:259
稻殼excel文件太大怎麼弄 瀏覽:901
文件里的視頻如何保存到相冊 瀏覽:428
手機百度雲文件電腦 瀏覽:957
編程怎麼做到時鍾精準 瀏覽:912
錘子用過的壁紙在哪個文件里 瀏覽:468
qq網站安全性未知訪問不了怎麼辦 瀏覽:270
燕秀怎麼修改編程人名字 瀏覽:789
2012年天之眼導航升級 瀏覽:595
如何安裝視頻文件 瀏覽:315
紅米2A升級miui9 瀏覽:927
如何在表格中加入一行資料庫 瀏覽:421
dnf遠古二能升級85嗎 瀏覽:251
extjsbbar屬性 瀏覽:355
nodejs網頁 瀏覽:517
同城簡歷在哪個文件夾 瀏覽:661
mac上的文件總是出現未知錯誤代碼 瀏覽:374
flash滾動圖片教程 瀏覽:191
手機dcim文件夾怎麼 瀏覽:61
extjsform中畫表格 瀏覽:492

友情鏈接