OxPAGE DİZAYN KILAVUZU

Transkript

OxPage Dizayn Kılavuzu
OxPAGE
DİZAYN
KILAVUZU
1/25
R-ION OxPage Dizayn Kılavuzu
AN004 Rev D
OxBase Komponenti
●
●
2/25
OxBase R-ION grafik fonksiyonlarının merkezidir
OxBase servisler içerisinde platformun (RiPlt) altında
bulunmalıdır. Başka yerde bulunur ise çalışmaz.
AN004 Rev D
OxBase Özellikler 1
HomePageId
Cihaz enerjilendiğinde hangi sayfanın gösterileceğini belirler. Bir ana sayfa butonu
tanımlanırsa basıldığında bu sayfa görünür.
●
●
●
3/25
Config bir parametre olmadığı için App kaydedildiğinde saklanmaz. Doğrudan
ayarlamayınız.
Doğru ayarlama yöntemi buraya bir bağlantı yapmaktır. Bağlantı:
- Ana OxPage'in pageId yuvasından
- oxBase homePageId yuvasına
Bu şekilde komponent numaralamanız değişse bile bağlantı size her zaman gerekli
bilgiyi taşıyacaktır.
AN004 Rev D
OxBase Özellikler 2
LCD Brightness
Normal kullanımda ekran parlaklık seviyesi
LCD Sleep Brightness
Uyku durumu parlaklık seviyesi. Kullanıcı
müdahalesi olmadan geçen süre sonunda
ekranın ineceği parlaklık seviyesi
LCD Sleep Timeout
Uyku durumuna geçme süresi. Ekranın ne
süre sonra uyku durumu parlaklık
seviyesine ineceğini belirler.
Not:
Bu değişiklikler sıcaklık ölçümlerini olumsuz yönde etkileyebilir. Uzun uyku durumuna geçiş süresi veya
yüksek uyku durumu parlaklığı değerleri girmeyiniz.
Önerilen değerler:
Sleep brightness : 0%
Sleep timeout : 20 seconds
4/25
AN004 Rev D
Yeni bir sayfa ekleme
●
●
●
Yandaki sedona paleten ontrolOX kitini seçin
OxPage komponentini uygulamanız içerisinde istediğiniz yere
sürükleyiniz
OxPage üzerine çift tıklayıp düzenleme görünüşünü açın
(oxEditor view)
Sürükle ve bırak
5/25
AN004 Rev D
OxEditor Görünüşü
●
Ağaç yapısında OxPage komponentine çift tıklayınca OxEditor görünüşü açılır
●
OxEditor R-ION üzerine yüklenecek grafik sayfalarını (OxPages) hazırlamaya yarar
●
İzlenecek yöntem, bir takım kısıtlamalara rağmen, Niagara Px grafik dizaynına
benzemektedir.
Grafiti seç
Özelliği seç
6/25
AN004 Rev D
OxPage içerisine grafit ekleme
Grafit: R-ION ekranında gözüken yazı, resim veya dokunma bölgelerini tanımlamayı
sağlayan özel grafik komponenti.
●
●
●
7/25
Dizayn penceresinde boş bir alana sağ tıklayın.
“New”yi (“Yeni”) tıklayın.
Listeden eklemek istediğiniz grafit tipini seçin
AN004 Rev D
Grafitlerin listesi
NumericLabel
Ekranda canlı nümerik bir değeri gösterir
BooleanLabel
BooleanImage
Canlı dijital bir değere göre önceden tanımlı iki açıklamadan birini yazı olarak
göstermeye yarar.
Önceden tanımlı bir metin listesinden, canlı integer bir değere göre gösterim
yapmaya yarar.
Canlı dijital bir değere göre iki resimden birini göstermeye yarar.
NumericSelectImage
Bir grup resimden, canlı integer bir değere göre gösterim yapmaya yarar.
PushbuttonLabel1
Ekrana dokununca bir eylem tetikleyecek sabit yazılı bir buton oluşturmaya
yarar
Ekranda dokununca bir eylem tetikleyecek sabit resimli bir buton oluşturmaya
yarar
Ekranda sayısal değeri gösterir. Dokunulduğunda beliren rakam tuşları ile
değerin değiştirilmesini sağlar.
Ekranda zaman değerini ss:dd biçiminde gösterir. Dokunulduğunda beliren
rakam tuşları ile değerin değiştirilmesini sağlar.
NumericSelectLabel
PushbuttonImage1
NumericLabelSet2
TimeLabelSet2
1
OntrolOx kiti 1.06 sürümünden itibaren, çoğu grafit buton gibi özelliğine sahiptir. PushbuttonLabel ve PushbuttonImage grafitlerinin
yerine diğer grafitleri kullanmak mümkün olacağından bu iki grafit kullanımı azalacaktır.
2
OntrolOx kiti 1.06 sürümü öncesinde bu fonksiyonlar farklı tip grafitler ile sağlanıyordu.
8/25
AN004 Rev D
Arka planda
Ekrana
Ekranayeni
yenibir
birgrafit
grafiteklediğinizde
eklediğinizdeOxPage
OxPage
altına
altınasedona
sedonakomponentleri
komponentleride
deeklenmektedir.
eklenmektedir.
(OxPage
(OxPagealtında
altındaelelile
ileişlem
işlemyapanız
yapanızgerekmez,
gerekmez,
oxEditor
ekleme,
silme
ve
düzenleme
oxEditor ekleme, silme ve düzenlemeişlemlerini
işlemlerini
kolaylaştırır)
kolaylaştırır)
PushbuttonImage
NumericLabel
PushbuttonImage
PushbuttonImage
Pushb
ut
Nume
r
tonIm
ag e
icSele
ctIma
g
e
BooleanLabel
9/25
AN004 Rev D
Ox'e özel işlemler ve ayrıntılar
OxPage dizaynı Niagara Px sayfa dizaynına çok benzese de aradaki farkları iyi
anlamanız gerekiyor.
●
Canlı dataların bağlanması
●
Fontların işlenmesi
●
Resimlerin işlenmesi
●
Katmanlar (Layer)
●
Dosya transferleri
●
Butonlar
Bu konulardan butonlar hariç diğerleri bu dokümanın devamında açıklanacaktır.
Butonlar ayrı dokumanda açıklanmıştır.
10/25
AN004 Rev D
Canlı Dataların Grafite Bağlanması
OxWidgetın “in” yuvası bağlandığı sedona komponentinden
canlı data alacak şekilde düzenlenmiştir.
OxEditor bağlantı işlemini sizin için kolayca yapacaktır.
Adımları sırayla takip edin.
2
“AÇ” butonuna
tıklayın
Grafitin
Grafitinözelliklerden
özelliklerden
“in”
satırına
“in” satırınatıklayın
tıklayın
açılan
açılanpencereden
pencereden
göstermek
göstermekistediğiniz
istediğiniz
yuvayı
seçin.
yuvayı seçin.
Bağlantı
Bağlantıotomatik
otomatik
olarak
yapılacaktır.
olarak yapılacaktır.
1
'in' Özelliğine
tıklayın
3
Göstermek istediğiniz yuvayı
komponent ağacından seçin
11/25
AN004 Rev D
Fontlar
RION sayfa dizaynı sırasında yüklenen özel font dosyaları
kullanır.
Eğer bir oxWidget'ın font özelliğine basarsanız sisteminizde
tanımlı font dosyalarının listesini görürsünüz.
fontBank klasörü
Kullanıma açık font dosyaları bilgisayarınızda özel bir
klasördedir. Yeni font dosyaları da bu klasöre kopyalanmalıdır.
{Niagara Installation}/sedona/ontrol/fontBank
Sadece
Sadecerakam
rakamgösteren
gösterenfontlar
fontlar
Cihaz
Cihazhafızasını
hafızasınıverimli
verimlikullanmak
kullanmak
için
bazı
font
dosyaları,
tipik
için bazı font dosyaları, tipikolarak
olarak
büyük
boyutlu
fontlar,
sadece
büyük boyutlu fontlar, sadecesayı
sayı
yazacak
şekilde
düzenlenmiştir.
yazacak şekilde düzenlenmiştir.Bu
Bu
fontları
kullanarak
yazı
yazmak
fontları kullanarak yazı yazmak
isterseniz
istersenizgörüntülenmeyecektir.
görüntülenmeyecektir.
Yeni font dosyaları ekleme
Şu anda sadece Ontrol tarafından düzenlenen font
dosyalarını kullanabilirsiniz. Eğer başka boyut ve büyüklükte
font istiyorsanız lütfen danışın elimizde mevcut olabilir.
12/25
AN004 Rev D
Resimler
temel bilgiler
--GIF,
GIF,JPG
JPGveya
veyaPNG
PNGresim
resimdosyaları
dosyalarıkullanabilirsiniz
kullanabilirsiniz
--Resim
Resimdosyaları
dosyalarıaşağıdaki
aşağıdakiklasöre
klasöreyerleştirilmelidir
yerleştirilmelidir
{Niagara
{NiagaraInstallation}/sedona/ontrol/imageBank
Installation}/sedona/ontrol/imageBank
--Resim
Resimdosyası
dosyasıisimi
isimien
enfazla
fazla12
12karakter
karakterolmalıdır
olmalıdır
1
2
“AÇ” butonuna
tıklayın
Özelliklerden
'image' tıklayın
3
Resimi
imageBank
klasöründen seçin
13/25
AN004 Rev D
Resimler
cihaza yüklenecek formatla ilgili notlar
Renk
RenkDerinliği
Derinliği(Color
(ColorDepth)
Depth)
OxPage'i
kaydettiğiniz
zaman,
OxPage'i kaydettiğiniz zaman,seçtiğiniz
seçtiğinizresimler
resimler
cihaza
yüklenmeden
önce
özel
bir
formata
cihaza yüklenmeden önce özel bir formataçevrilir.
çevrilir.
Bu
Buözel
özelformat
format65535
65535rengi
rengidesteklediği
desteklediğiiçin
için
çevrim
sırasında
renk
derinliğinizde
bir
azalma
çevrim sırasında renk derinliğinizde bir azalma
meydana
meydanagelebilir.
gelebilir.
'Save Transparent Color'
Şeffaflık kaydetme
seçeneği
işaretlenmemelidir.
Şeffaflık
Şeffaflık(Transparency)
(Transparency)
Resim
formatları
Resim formatlarışeffaflık
şeffaflıkiçerebilir.
içerebilir.Şeffaflık
Şeffaflıkiçeren
içeren
resimler
cihaza
yüklenmek
üzere
özel
formata
resimler cihaza yüklenmek üzere özel formata
çevrildiğinde
çevrildiğindegörece
göreceolarak
olarakçok
çokbüyük
büyükdosyalar
dosyalar
yaratır.
Bazı
durumlarda
büyük
dosyalar
yaratır. Bazı durumlarda büyük dosyalar
kullanmak
kullanmakhafıza
hafızaveya
veyahızda
hızdaprobleme
problemeyol
yol
açmaktadır.
açmaktadır.
Birçok
Birçokresim
resimdüzenleme
düzenlemeprogramında,
programında,resim
resimkayıt
kayıt
edilirken
şeffaflık
(Transparency)
seçeneği
edilirken şeffaflık (Transparency) seçeneği
kapatılabilmektedir.
kapatılabilmektedir.Eğer
Eğerresimde
resimdeşeffaflık
şeffaflık
ihtiyacınız
yoksa
(Örneğin
arka
plan
ihtiyacınız yoksa (Örneğin arka planresimleri),
resimleri),
resim
düzenleme
programında
şeffaflık
resim düzenleme programında şeffaflık
seçeneğini
seçeneğinikapattığınıza
kapattığınızaemin
eminolunuz.
olunuz.
Örnek
Örnekolarak
olarakyan
yantarafta
tarafta“IrfanView”
“IrfanView”programını
programını
görebilirsiniz.
görebilirsiniz.
14/25
AN004 Rev D
Sayfalarda Katmanlama
Katmanlama (Layering) yoktur!
Sayfa tasarlarken tanımlarken katmanlama yapmanın imkanı yoktur. OxPage
görüntülenirken grafitlerin hangi sırayla ekrana çizileceğini ayarlayamazsınız. Bu
yüzden grafitleri üst üste getirmeyin. Tasarımda üst üste gelen grafitler düzgün
gözükse bile bir sonraki kaydetmede veya sürüm yükseltmede görüntü
bozukluklarına yol açacaktır. Bu yüzden,
*** GRAFİTLERİ ÜST ÜSTE BİNDİRMEYİN ***
15/25
AN004 Rev D
Dosya aktarımı - Resim ve font dosyaları
Tasarladığınız sayfada birçok font ve resim dosyası kullanıyor olabilirsiniz. Bu
dosyaların cihaza aktarılması gerekmektedir.
Tasarladığınız sayfayı kaydetmek isteyince bir aktarım penceresi açılır ve aktarım
yapılacak dosyaların listesi gelir.
Daha
Dahaönce
öncecihaza
cihazayüklediğiniz
yüklediğiniz
ve
kullandığınız
bir
dosyayı
ve kullandığınız bir dosyayıher
her
sorulduğunda
yüklemeniz
sorulduğunda yüklemeniz
gerekmez.
gerekmez.
'Kaydet'e tıklayın
Eğer
Eğertüm
tümdosyaların
dosyalarıncihazda
cihazda
olduğundan
olduğundaneminseniz
eminsenizaçılan
açılan
pencerede
sadece
hayıra
pencerede sadece hayıra
(“No”)
(“No”)tıklayarak
tıklayarakhiçbir
hiçbir
dosyanın
aktarılmamasını
dosyanın aktarılmamasını
sağlayabilirsiniz.
sağlayabilirsiniz.
Veya
Veyasadece
sadeceistediğiniz
istediğinizyeni
yeni
dosyaların
seçip
evete
(“Yes”)
dosyaların seçip evete (“Yes”)
tıklayabilirsiniz.
tıklayabilirsiniz.
16/25
Açılan
pencere
AN004 Rev D
Dosya aktarımı – Hafıza Uyarısı
HAFIZA
HAFIZAİLE
İLEİLGİLİ
İLGİLİÖNEMLİ
ÖNEMLİUYARI
UYARI
Sayfa
tasarımları
üzerinde
denemeler
Sayfa tasarımları üzerinde denemeleryaparken,
yaparken,cihaza
cihazayüklediğiniz
yüklediğinizbazı
bazı
resim
ve
fontları
beğenmediğiniz
için
kullanmayacaksınız.
resim ve fontları beğenmediğiniz için kullanmayacaksınız.
Cihaza
Cihazayüklenen
yüklenenhiçbir
hiçbirdosya
dosyaoxEditor
oxEditortarafından
tarafındansilinmemektedir.
silinmemektedir.Bu
Buyüzden
yüzden
bir
birara
arahafıza
hafızadoluluğu
doluluğusorunu
sorunuile
ilekarşılaşabilirsiniz.
karşılaşabilirsiniz.
HAFIZAYI TEMİZLEMEK
●
●
RiPlt servisi üzerine çift
tıklayarak OxFile Transfer
görüntüsünü açın.
Cihazın hafızasını temizle
(“Clean up device
memory”) butonuna
tıklayın.
Bu işlem ile önce hafızadaki tüm
dosyalar silinir sonra sadece
kullanılan dosyalar yüklenir.
Hafızada yer açılmış olur.
17/25
AN004 Rev D
Bazı farklı ox grafit özellikleri
Birçok ox grafit ve özellikleri, standart Niagara px grafitlerindekilerin aynısıdır.
Niagara PX ile sayfa tasarlayanlar çok kolay uyum sağlayabilir.
Az bir miktar değişik özellik ilerideki sayfalarda açıklanmıştır:
18/25
●
NumericLabel
●
NumericSelectLabel
●
NumericSelectImage
●
NumericKeyboard
AN004 Rev D
NumericLabel Özellikleri
textPrefix / textSuffix
Bu özelliklere yazı girilmelidir. “Prefix” özelliğine girilen yazı canlı sayısal değerin
önüne “Suffix” özelliğine girilen yazı canlı değerin arkasına eklenir.
Aşağıdaki örnekte derece işareti (°) “Suffix” değerine yazılarak sıcaklık değerinin
sonuna eklenmesi sağlanmıştır.
backgroundColor / transparent
Arka plan rengi, ancak “transparent” (Şeffaflık) “false” olarak seçilmişse boyanır.
subscriptCharacters
Sağ taraftan sayınca kaç karakterin fontunun yarı büyüklükte yazılacağını belirtir.
ShowValue
'in' özelliğiyle ilişkilendirilmiş canlı numerik değerin gösterilip gösterilmeyeceği.
False ise yalnızca prefix özelliğindeki metin görünür.
19/25
AN004 Rev D
NumericSelectLabel Özellikleri
text
“Text” özelliğine araları noktalı virgülle (';') ayrılmış birden çok yazı girilmelidir.
Grafit gelen canlı dataya göre bu listeden sırayla seçim yapar.
Örneğin:
OFF;1.HIZ;2.HIZ;3.HIZ;
girilmiş ise değere gösterim
0: OFF
1: 1.HIZ
2: 2.HIZ
3: 3.HIZ
Seçim her zaman sıfırdan başlar ve değiştirilemez.
Son yazıdan sonra MUTLAKA noktalı virgül (';') konulmalıdır.
20/25
AN004 Rev D
NumericSelectImage Özellikleri
Image : Bir seri resim ilkini seçin, bu resim gelen canlı data değeri=0 olduğunda
kullanılacaktır ve resim dosyasının ismi MUTLAKA '0' ile bitmelidir.
Sıradaki diğer resimler de aynı isimle başlamalı fakat son karakteri sırasıyla
uyumlu olmalıdır.
Örnek isimler: fan-0.png, fan-1.png, fan-2.png, fan-4.png gibi
MaxIndex : Bu özellik cihaza/cihazdan kaç adet resim dosyasının aktarılacağını
belirler.
21/25
AN004 Rev D
NumericKeypad
Bu grafit, tipik olarak kalıcı hafızaya yazmaya ve görüntelemeye yarayan RegFloat
(ontrolControl kitindeki) komponentle birlikte kullanılır.
ÇALIŞMA ŞEKLİ
●
●
●
●
Bu grafit RegFloat'un mevcut değerini
gösterir.
Dokunulduğunda yeni değer girebilmeniz
için tam sayfa sayısal tuş takımı açılır.
E
Ç
E
Yeni değer girilip ENT tuşuna
basıldığında yeni değer kaydedilir ve bir
önceki sayfaya geri dönülür.
Eğer ESC tuşuna basılırsa değer
değişmeden eskisi gibi kalır.
G
Z
İ
BAĞLANTILAR (BINDINGS)
S
R
NumericKeypad ile RegFloat
komponenti arasında
●
●
RegFloat value yuvasından
NumericKeypad in özelliğine
bağlantı,
NumericKeypad out özelliğinden
RegFload in yuvasına bağlantı
yapılmalıdır.
Tipik sayısal değer
ayarlama görüntüsü
22/25
AN004 Rev D
NumericLabelSet1
Bu grafit, tipik olarak kalıcı hafızaya yazmaya ve görüntelemeye yarayan RegFloat
(ontrolControl kitindeki) komponentle birlikte kullanılır.
ÇALIŞMA ŞEKLİ
Bu grafit bağlantılı olduğu numeric
yuvanın mevcut değerini gösterir.
●
Dokunulduğunda yeni değer girebilmeniz
için tam sayfa sayısal tuş takımı açılır.
●
basıldığında,
- yeni değer geri aynı yuvaya kaydedilir,
- bir önceki sayfaya geri dönülür.
●
Tek bir bağlantı gereklidir. 'in'
yuvasına yapılan bağlantı, hem
mevcut değer gösterimi hem de
değişikliklerin geri yazılması için
kullanılmaktadır.
●
min ve max özelliklerine değer girilerek
kullanıcı ayar aralığı sınırlanabilir.
●
1
23/25
BAĞLANTILAR (BINDINGS)
Tipik sayısal değer
OntrolOx kit sürüm 1.06 ve sonrasında mevcut
AN004 Rev D
TimeKeypad
Bu grafit zaman değerini “ss:dd” biçiminde göstermekte kullanılır.
ÇALIŞMA ŞEKLİ
●
●
●
●
24/25
Bu grafit in özelliğindeki “gece
yarısından itibaren dakika” değerini
zaman formatında gösterir.
E
Ç
E
Dokunulduğunda açılan tam sayfa
sayısal tuş takımından yeni zaman
girilebilir.
S
R
Z
İ
G
Tipik zaman değeri
AN004 Rev D
TimeLabelSet1
Bu grafit zaman değerini “ss:dd” biçiminde göstermekte kullanılır.
ÇALIŞMA ŞEKLİ
Bu grafit in özelliğindeki “gece
yarısından itibaren dakika” değerini
zaman formatında gösterir.
●
Dokunulduğunda açılan tam sayfa
sayısal tuş takımından yeni zaman
girilebilir.
●
●
●
1
25/25
Tipik zaman değeri
OntrolOx kit sürüm 1.06 ve sonrasında mevcut
AN004 Rev D

OxPAGE DİZAYN KILAVUZU

Transkript

Benzer belgeler

Deneysel Araştırma Modelleri

Kurma Kılavuzu

A) KARİYER : 12-ELSET _ ELEKTRİK SİSTEMLERİ ve ENERJİ

HD Serisi Kart Kullanım Kılavuzu

XL-868 - Bilkur

maidis program açıklamaları