Home Explore Help
Sign In
bzt
/
smgui
mirror of https://gitlab.com/bztsrc/smgui
Watch 1
Star 0
Fork 0
Files Issues 0 Wiki
Branch: main
Branches Tags
smgui
/
public
/
index.hu.html

index.hu.html 152 KB
Permalink History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="hu">
    3. 

  3. <head>
    4. 

  4.   <meta charset="utf-8">
    5. 

  5.   <meta name="generator" content="gendoc 1.0.0: https://gitlab.com/bztsrc/gendoc">
    6. 

  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. 

  7.   <title>Státusz-Módú GUI</title>
    8. 

  8.   <style rel="logic">*{box-sizing:border-box;font-family:inherit;}body {background:rgba(0,0,0,0.05);font-weight:400;font-size:16px;}hr{display:block;height:1px;border:0;border-top:1px solid #e1e4e5;margin:26px 0;padding:0;border-top:1px solid;}br:after,br:before{display:table;content:""}br{clear:both;}h1,h2,h3,h4,h5,h6{clear:both;margin:0px 0px 20px 0px;padding-top:4px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}p{margin:0 0 24px}a{cursor:pointer;}h1{font-size:175%}h2{font-size:150%}h3{font-size:125%}h4{font-size:115%}h5{font-size:110%}h6{font-size:100%}pre,samp,code,var,kbd{font-family:Monaco,Consolas,Liberation Mono,Courier,monospace;font-variant-ligatures:none;}pre,code{display:block;overflow:auto;white-space:pre;font-size:14px;line-height:16px!important;}pre{padding:12px;margin:0px;}code{padding:0 0 12px 0;margin:12px 12px 0px 2px;background:url(data:type/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAYAAADT5RIaAAAAFklEQVQI12NgYGDgZWJgYGCgDkFtAAAWnAAsyj4TxgAAAABJRU5ErkJggg==) 0 0 repeat;}.lineno{display:block;padding:0px 4px 0px 4px;margin:12px 0px 0px 0px;opacity:.4;text-align:right;float:left;white-space:pre;font-size:12px;line-height:16px!important;}pre .hl_b,samp .hl_b,code .hl_b{display:block;}blockquote{margin:0px;padding:12px;}blockquote>span:first-child::before{content:url(data:type/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAYAAABU1PscAAABRElEQVRYw+3WTytEURjH8c/4l1JTpKxsyEbYWFkpG+UVKOWFeAts7eytbJSysLLVxIKNFAslwhSlUQabUdM0xm0e967Ot+7inPN8z+13z73nXBKJRCIRoJSxbggrmMMInlHBIWoF+KEAQ9jAaJuxe2zhJUe/Iz0ZahZ/uTmMYT1nPxxg/I/xWQzn6IcD1IIha//wkEIBKhlq+nP0wwHOsYuvDjWvOfod6c1Yd9O4ZjDQZvwAbzn6oRVofpKbqLf0P+GxAD8cAO7w0NJ3WqAfDlBCuan9gaMC/XCA+cbJ+sMRqgX6oQCTWGtqX2O/QL8tfRlqyljGUlPgW2y3+SDz8Lv6mRvEQmPbm25ZqQvs/LHtRf3wCkxgtaWvij2cZJg36ocD/Pw91nGJY5zhM+O8UT/8Ck01TswrvHcxb9RPJBKJRDF8AyNbWk4WFTIzAAAAAElFTkSuQmCC);float:left;vertical-align:top;}.ui1,.ui2,.ui3,.ui4,.ui5,.ui6{display:inline-block;height:24px!important;line-height:24px!important;padding:0px 4px;margin:-2px 0px -2px;}kbd{display:inline-block;font-weight:700;border:1px solid #888;height:24px!important;padding:0px 4px;margin:-2px 0px -2px;border-radius:4px;background-image:linear-gradient(#ddd 0%,#eee 10%,#bbb 10%,#ccc 30%,#fff 85%,#eee 85%,#888 100%);}.mouseleft,.mouseright,.mousewheel{display:inline-block;min-width:16px;height:24px!important;padding:0px;margin:-2px 0px 0px 0px;vertical-align:middle;}.mouseleft::before{content:url(data:type/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAMAAADEfo0+AAAAe1BMVEUAAACoqKj9/f2zs7O1tbWRkZGlpaWsrKybm5u2traNjY2Wlpanp6empqaYmJiPj4+3t7f5+fmjo6P19fXu7u6ZmZnx8fHi4uLm5ube3t7q6uqwsLC0tLS7u7u4uLi/v7/W1tbDw8PLy8vPz8/T09Pa2trHx8eIiIhERkShhqFGAAAAAXRSTlMAQObYZgAAAI5JREFUGNNV0EcCwjAMRFEB6R2DKSGQUBLp/idEjsG23m7+cgAMIsJWwR8Z235pumDTnkUbv+lg7CIfTqvSbTquxsGFfjWXLlwsdOFs+XC1EHAWOEwCh4/A4S1weAkcFoHDU0CI8zGQx1Cpe0BVAO0j0PIfiR4cnZjLdHP7abQ9VRVZnaZ1VvjfO42o7edfH3EoHZS6XE4AAAAASUVORK5CYII=);}.mouseright::before{content:url(data:type/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAMAAADEfo0+AAAAe1BMVEUAAACoqKj9/f2zs7O1tbWRkZGlpaWsrKybm5u2traNjY2Wlpanp6empqaYmJiPj4+3t7f5+fmjo6P19fXu7u6ZmZnx8fHi4uLm5ube3t7q6uqwsLC0tLS7u7u4uLi/v7/W1tbDw8PLy8vPz8/T09Pa2trHx8eIiIhERkShhqFGAAAAAXRSTlMAQObYZgAAAI9JREFUGNNV0NkWgjAMRdGozFOxWgdEcYLk/7/Q0EpL9tNd5/ECzLRCIoJF20zdlsinTbRn5Eu0O8zIl/Jk+dAPR4uWUo6d5QNenBDOTghXJ4RRQMCnwOErcPgIHN4Ch0ng8BIQ4nxYyWOo9H1FVwDqsaL4j8T0nknmy0xz+2uMO1UXWZ2mdVbo8LtBNK2dP/2+KB2shyfVAAAAAElFTkSuQmCC);}.mousewheel::before{content:url(data:type/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAMAAADEfo0+AAAAe1BMVEUAAACzs7OoqKisrKyRkZGlpaX9/f22trabm5uNjY2mpqanp6ePj4+1tbWYmJi3t7eWlpajo6OZmZmwsLD5+fnu7u7x8fHi4uLW1tbm5ube3t7T09Pq6ur19fW4uLi7u7u0tLTa2trPz8+/v7/Dw8PLy8vHx8eIiIhERkS4354xAAAAAXRSTlMAQObYZgAAAKdJREFUGNNV0NkagiAUhdHjPAECzWWlWdL7P2Fno/nJumHzXx4iMMI5YeivVVOX592k2vkfy/1CxvjL6L6KJAd9ZF+GVxP144Eh4B170kPHEPAOmtwFEPxw5E6A4AeHKyD4wWEABD84nAHBDw43QPCDwyvA4RPgMAU4vAOO0mLcKFJqzHPDNETisSH4HpntVzbDyazaLZSdj2qqsk6Suqw2d7fO2fnmP7kAJW9a/HbiAAAAAElFTkSuQmCC);}footer{width:100%;padding:0 3.236em;}footer p{opacity:0.6;}footer small{opacity:0.5;}footer a{text-decoration:none;color:inherit;}footer a:hover{text-decoration:underline;}dl{margin:0 0 24px 0;padding:0px;}dt{font-weight:700;margin-bottom:12px;}dd{margin:0 0 12px 24px;}.table table{margin:0px;border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid;width:100%;}th{font-weight:700;padding:8px 16px;overflow:visible;vertical-align:middle;white-space:nowrap;border:1px solid;}th.wide{width:100%;}td{padding:8px 16px;overflow:visible;vertical-align:middle;font-size:90%;border:1px solid;}td.right{text-align:right;}table.grid{margin:0px;padding:0px;border:none!important;background:none!important;border-spacing:0;border:0px!important;empty-cells:show;width:100%;}table.grid tr, table.grid td{margin:0px;padding:0px;overflow:hidden;vertical-align:top;background:none!important;border:0px!important;font-size:90%;}div.frame{position:absolute;width:100%;min-height:100%;margin:0px;padding:0px;max-width:1100px;top:0px;left:0px;}#_m{margin-left:300px;min-height:100%;}div.title{display:block;width:300px;padding-top:.809em;padding-bottom:.809em;margin-bottom:.809em;text-align:center;font-weight:700;}div.title>a{padding:4px 6px;margin-bottom:.809em;font-size:150%;}div.title>a:hover{background:transparent;}div.title>a>img{max-width:280px;border:0px;padding:0px;margin:0px;}div.title input{display:none;width:270px;border-radius:50px;padding:6px 12px;font-size:80%;box-shadow:inset 0 1px 3px #ddd;transition:border .3s linear;}div.title input:required:invalid{background:#fcfcfc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAASFBMVEUAAAC6urq7u7y7vLy8vL3Dw8TLzM67urq8vL29vr69vr/AwMK5ubm5ubm4uLi5t7fAwMC/vr/FxMXBwsPExcW+u7vDw8S4uLiryZHFAAAAF3RSTlMA9vGttk4lfbWnpJQG0MpzYEIglFRCGzMa+EsAAAB0SURBVBjTbY5bCsMwDAQl2U6cR5s0fcz9b1oLpWBC52dhENqVRsmG5SIn60wwryEm0LQkbUacAveh5XGDh4uKfsQZlOqpJAkS5gHPUyzgYdeLjB6/H7lvGbzlssP2WDoRGGzxrVRD82sHRukZ/xhv7tns/QXrhgcaFdOKBwAAAABJRU5ErkJggg==) no-repeat 10px 50%;}div.title input:focus{background:#fcfcfc!important;}div.version{margin-top:.4045em;margin-bottom:.809em;font-size:90%;}nav.side {display:block;position:fixed;top:0;bottom:0;left:0;width:300px;overflow-x:hidden;overflow-y:hidden;min-height:100%;font-weight:400;z-index:999;}nav.mobile {display:none;font-weight:bold;padding:.4045em .809em;position:relative;line-height:50px;text-align:center;font-size:100%;*zoom:1;}nav a{color:inherit;text-decoration:none;display:block;}nav.side>div{position:relative;overflow-x:hidden;overflow-y:scroll;width:320px;height:100%;padding-bottom:64px;}div.nav p{height:32px;line-height:32px;padding:0 1.618em;margin:12px 0px 0px 0px;font-weight:700;text-transform:uppercase;font-size:85%;white-space:nowrap;-webkit-font-smoothing:antialiased}div.nav li>.current,div.nav li>ul{display:none;}div.nav li>a,div.nav li>label{display:block;}div.nav a,div.nav ul>li>label,div.nav ul>li>.current{width:300px;line-height:18px;padding:0.4045em 1.618em;}div.nav a,div.nav ul>li>label{cursor:pointer;}div.nav .current{font-weight:700;border-top:1px solid;border-bottom:1px solid #c9c9c9;}div.nav ul>li>ul>li>a{border-right:solid 1px #c9c9c9;font-size:90%;}div.nav ul>li>ul>li.h2>a{padding:0.4045em 2.427em;}div.nav ul>li>ul>li.h3>a{padding:.4045em 1.618em .4045em 4.045em;}div.nav ul>li>ul>li.h4>a{padding:.4045em 1.618em .4045em 5.663em;}div.nav ul>li>ul>li.h5>a{padding:.4045em 1.618em .4045em 7.281em;}div.nav ul>li>ul>li.h6>a{padding:.4045em 1.618em .4045em 8.899em;}div.nav ul,div.nav li,.breadcrumbs{margin:0px!important;padding:0px;list-style:none;}ul.breadcrumbs,.breadcrumbs li{display:inline-block;}.menu{display:inline-block;position:absolute;top:12px;right:20px;cursor:pointer;width:1.5em;height:1.5em;vertical-align:middle;padding:16px 24px 16px 24px;border:solid 1px rgba(255, 255, 255, 0.5);border-radius:5px;background:no-repeat center center url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}.home{display:inline-block;max-width:16px;max-height:16px;line-height:16px;margin:0 5px 0 0;cursor:pointer;}.home::before{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAS1BMVEUAAAD8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/PyxWsjVAAAAGHRSTlMAx6oLLRnYiXFEvPbey518NQbsj11QKhQ+J0ktAAAAbElEQVQY053ISQ7DMAwEwRYpavHurPz/SwMoMpD46L4MpvBTB0zTP+R9z55Ebh0yQL5DaDA+0WVR3h3Gikp9iPKF9MIkQhSDwUlGHCLQxhLGJkpLZcNYS/tdyorP/DQ7HgBqKRUgHBDcw2X4AFsJCSXB/5UVAAAAAElFTkSuQmCC);}h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{display:none;max-width:16px;max-height:24px;margin:-8px 0 0 5px;vertical-align:middle;}h1:hover>a,h2:hover>a,h3:hover>a,h4:hover>a,h5:hover>a,h6:hover>a{display:inline-block;text-decoration:none!important;}h1>a::before,h2>a::before,h3>a::before,h4>a::before,h5>a::before,h6>a::before{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAiBAMAAACkb0T0AAAAMFBMVEUAAAD8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/PzS+N+gAAAAD3RSTlMABab5cVY73o4k2cJTPb1Q83MyAAAAh0lEQVQY02P4DwWkM7YxsNiDGJ8EGBgmgxiKDDkCLAwgAQn7hQxARiGj8v8/IIYDi2a9GZChHiAnMLmBjeGTaIBUAMcFaYaNvA2sC1kD9RkSOCwZF7IW/WdgSP4+yYHlP5Bx/r+RgDiIIfW5kVEfyHBgPMYgBLLdkoEBKABkfHZgyIa7h04MAOVty/RC/PhoAAAAAElFTkSuQmCC);}h1>a:hover::after,h2>a:hover::after,h3>a:hover::after,h4>a:hover::after,h5>a:hover::after,h6>a:hover::after{content:"Hivatkozás erre a címre";display:block;padding:12px;position:absolute;margin:-8px 8px;font-weight:400;font-size:14px;background:rgba(0,0,0,.8);color:#fff;border-radius:4px;}input[type=radio]{display:none;}input[type=radio]:checked ~ ul{display:block;}.fig{margin-top:-12px;padding-bottom:12px;display:block;text-align:center;font-style:italic;}div.page{width:100%;padding:1.618em 3.236em;margin:auto;line-height:24px;}div.page ol{margin:0 0 24px 12px;padding-left:0px;}div.page ul{margin:0 0 24px 24px;list-style:disc outside;padding-left:0px;}div.page ol{list-style-type:none;counter-reset:list;}div.page ol li:before{counter-increment:list;content:counters(list,".") ". ";}div.pre{overflow-x:auto;margin:1px 0px 24px;}div.table{overflow-x:auto;margin:0px 0px 24px;}div.info,div.hint,div.warn{padding:12px;line-height:24px;margin-bottom:24px;}div.info>p,div.hint>p,div.warn>p{margin:0px;}div.info>p:first-child,div.hint>p:first-child,div.warn>p:first-child{display:block;font-weight:700;padding:2px 8px 2px;margin:-12px -12px 8px -12px;vertical-align:middle;}div.info>p:first-child>span,div.hint>p:first-child>span,div.warn>p:first-child>span{display:block;max-height:20px;margin:0px;vertical-align:middle;}div.info>p:first-child>span::before,div.hint>p:first-child>span::before,div.warn>p:first-child>span::before{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAApUlEQVQ4y82TwQnDMAxFpVJyLPiSbbJETr13Fo+RZZxLRghkgnSEEni9ONS0sg1tDv3wwfjbX7Iki/wVAAd4IPBCiHuudrkHVvJYgb50eaOO7cMkpv0eeQGukYuRiUsNvBFpSvTJ0P2un0Sk+6Le3WEG58yBFrjt61r7Qqbij0gLIX3CaPgOqtqoaiMig6GPtTbOwCVyLraxMEj3yPIgHTLKv3ymJySzt16bW/sWAAAAAElFTkSuQmCC);}p>div:last-child,dd>*:last-child,td>*:last-child,li>ol,li>ul{margin-bottom:0px!important;}img{border:0px;}img.imgt{display:inline-block;max-height:22px!important;padding:0px;margin:-4px 0px 0px 0px;vertical-align:middle;}img.imgl{float:left;margin:0px 12px 12px 0px;}img.imgr{float:right;margin:0px 0px 12px 12px;}div.imgc{text-align:center;padding:0px;margin:0 0 12px 0;clear:both;}img.imgc{max-width:100%;}img.imgw{width:100%;margin-bottom:12px;clear:both;}.btn{border-radius:2px;line-height:normal;white-space:nowrap;color:inherit;text-align:center;cursor:pointer;font-size:100%;padding:4px 12px 8px;border:1px solid rgba(0,0,0,.1);text-decoration:none;box-shadow:inset 0 1px 2px -1px hsla(0,0%,100%,.5),inset 0 -2px 0 0 rgba(0,0,0,.1);vertical-align:middle;*zoom:1;user-select:none;transition:all .1s linear}.prev{float:left;}.prev::before{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAANlBMVEUAAABAQEBAQEBAQEBAQEBAQEBAQEBBQUFAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAWW5SEAAAAEnRSTlMA/fC9r2kXAjMN34F3ZlUu6B40Y5wGAAAAVElEQVQY08XPSw6AIAwEUIbS8lFE739Zq6luGtbM8iXTTMOCZGECiCX/MhIQTyCNz+SRrUc1MWKVvR5KYCN6pUFDRtqq4Sql9IYJ+aI/70f4qdOHblOhAuUcC5KnAAAAAElFTkSuQmCC);}.next{float:right;}.next::after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAJFBMVEUAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEC4lvDfAAAAC3RSTlMAx711ZjlFPh3zLASjkrYAAABDSURBVAjXY6AUsGhvcgAzOKR3797YAGIx7t5mvVsAxPLevZ159xYQS3v3zgLrTSDW7tTQBcy7ESyELEIHwhSEyQjbAAH1HsMY8tCHAAAAAElFTkSuQmCC);}@media screen and (max-width:991.98px){nav.mobile{display:block;}nav.side{display:none;}#menuchk:checked ~ nav.side{display:block;}#_m{margin-left:0px;}}#_ablak:checked ~ nav div ul li[rel=ablak]>.toc,#_lokalizacio:checked ~ nav div ul li[rel=lokalizacio]>.toc,#_fontok:checked ~ nav div ul li[rel=fontok]>.toc,#_kinezet:checked ~ nav div ul li[rel=kinezet]>.toc,#_esemenykezeles:checked ~ nav div ul li[rel=esemenykezeles]>.toc,#_nincs_esemeny:checked ~ nav div ul li[rel=nincs_esemeny]>.toc,#_eger:checked ~ nav div ul li[rel=eger]>.toc,#_gamepad:checked ~ nav div ul li[rel=gamepad]>.toc,#_billentyuzet:checked ~ nav div ul li[rel=billentyuzet]>.toc,#_rahuzott_fajl:checked ~ nav div ul li[rel=rahuzott_fajl]>.toc,#_ablakatmeretezes:checked ~ nav div ul li[rel=ablakatmeretezes]>.toc,#_vagolap:checked ~ nav div ul li[rel=vagolap]>.toc,#_elrendezes:checked ~ nav div ul li[rel=elrendezes]>.toc,#_tarolok:checked ~ nav div ul li[rel=tarolok]>.toc,#_cimkek:checked ~ nav div ul li[rel=cimkek]>.toc,#_bevitel:checked ~ nav div ul li[rel=bevitel]>.toc,#_gombok:checked ~ nav div ul li[rel=gombok]>.toc,#_vonalak:checked ~ nav div ul li[rel=vonalak]>.toc,#_egyedi:checked ~ nav div ul li[rel=egyedi]>.toc,#_pelda:checked ~ nav div ul li[rel=pelda]>.toc,#_finomhangolas:checked ~ nav div ul li[rel=finomhangolas]>.toc,#_smgui_licensz:checked ~ nav div ul li[rel=smgui_licensz]>.toc,div.page{display:none;}#_ablak:checked ~ nav div ul li[rel=ablak]>ul,#_ablak:checked ~ nav div ul li[rel=ablak]>.current,#_ablak:checked ~ div div[rel=ablak],#_lokalizacio:checked ~ nav div ul li[rel=lokalizacio]>ul,#_lokalizacio:checked ~ nav div ul li[rel=lokalizacio]>.current,#_lokalizacio:checked ~ div div[rel=lokalizacio],#_fontok:checked ~ nav div ul li[rel=fontok]>ul,#_fontok:checked ~ nav div ul li[rel=fontok]>.current,#_fontok:checked ~ div div[rel=fontok],#_kinezet:checked ~ nav div ul li[rel=kinezet]>ul,#_kinezet:checked ~ nav div ul li[rel=kinezet]>.current,#_kinezet:checked ~ div div[rel=kinezet],#_esemenykezeles:checked ~ nav div ul li[rel=esemenykezeles]>ul,#_esemenykezeles:checked ~ nav div ul li[rel=esemenykezeles]>.current,#_esemenykezeles:checked ~ div div[rel=esemenykezeles],#_nincs_esemeny:checked ~ nav div ul li[rel=nincs_esemeny]>ul,#_nincs_esemeny:checked ~ nav div ul li[rel=nincs_esemeny]>.current,#_nincs_esemeny:checked ~ div div[rel=nincs_esemeny],#_eger:checked ~ nav div ul li[rel=eger]>ul,#_eger:checked ~ nav div ul li[rel=eger]>.current,#_eger:checked ~ div div[rel=eger],#_gamepad:checked ~ nav div ul li[rel=gamepad]>ul,#_gamepad:checked ~ nav div ul li[rel=gamepad]>.current,#_gamepad:checked ~ div div[rel=gamepad],#_billentyuzet:checked ~ nav div ul li[rel=billentyuzet]>ul,#_billentyuzet:checked ~ nav div ul li[rel=billentyuzet]>.current,#_billentyuzet:checked ~ div div[rel=billentyuzet],#_rahuzott_fajl:checked ~ nav div ul li[rel=rahuzott_fajl]>ul,#_rahuzott_fajl:checked ~ nav div ul li[rel=rahuzott_fajl]>.current,#_rahuzott_fajl:checked ~ div div[rel=rahuzott_fajl],#_ablakatmeretezes:checked ~ nav div ul li[rel=ablakatmeretezes]>ul,#_ablakatmeretezes:checked ~ nav div ul li[rel=ablakatmeretezes]>.current,#_ablakatmeretezes:checked ~ div div[rel=ablakatmeretezes],#_vagolap:checked ~ nav div ul li[rel=vagolap]>ul,#_vagolap:checked ~ nav div ul li[rel=vagolap]>.current,#_vagolap:checked ~ div div[rel=vagolap],#_elrendezes:checked ~ nav div ul li[rel=elrendezes]>ul,#_elrendezes:checked ~ nav div ul li[rel=elrendezes]>.current,#_elrendezes:checked ~ div div[rel=elrendezes],#_tarolok:checked ~ nav div ul li[rel=tarolok]>ul,#_tarolok:checked ~ nav div ul li[rel=tarolok]>.current,#_tarolok:checked ~ div div[rel=tarolok],#_cimkek:checked ~ nav div ul li[rel=cimkek]>ul,#_cimkek:checked ~ nav div ul li[rel=cimkek]>.current,#_cimkek:checked ~ div div[rel=cimkek],#_bevitel:checked ~ nav div ul li[rel=bevitel]>ul,#_bevitel:checked ~ nav div ul li[rel=bevitel]>.current,#_bevitel:checked ~ div div[rel=bevitel],#_gombok:checked ~ nav div ul li[rel=gombok]>ul,#_gombok:checked ~ nav div ul li[rel=gombok]>.current,#_gombok:checked ~ div div[rel=gombok],#_vonalak:checked ~ nav div ul li[rel=vonalak]>ul,#_vonalak:checked ~ nav div ul li[rel=vonalak]>.current,#_vonalak:checked ~ div div[rel=vonalak],#_egyedi:checked ~ nav div ul li[rel=egyedi]>ul,#_egyedi:checked ~ nav div ul li[rel=egyedi]>.current,#_egyedi:checked ~ div div[rel=egyedi],#_pelda:checked ~ nav div ul li[rel=pelda]>ul,#_pelda:checked ~ nav div ul li[rel=pelda]>.current,#_pelda:checked ~ div div[rel=pelda],#_finomhangolas:checked ~ nav div ul li[rel=finomhangolas]>ul,#_finomhangolas:checked ~ nav div ul li[rel=finomhangolas]>.current,#_finomhangolas:checked ~ div div[rel=finomhangolas],#_smgui_licensz:checked ~ nav div ul li[rel=smgui_licensz]>ul,#_smgui_licensz:checked ~ nav div ul li[rel=smgui_licensz]>.current,#_smgui_licensz:checked ~ div div[rel=smgui_licensz],#_:checked ~ div div[rel=_]{display:block;}</style>
    9. 

  9.   <style rel="theme">hr,table,th,td{border-color:#e1e4e5;}th{background:#d6d6d6;}tr:nth-child(odd){background:#f3f6f6;}a{text-decoration:none;color:#2980B9;}samp{background:rgba(0,0,0,.1);color:#408040;}.content{background:#fcfcfc;color:#404040;font-family:Lato,Helvetica,Neue,Arial,Deja Vu,sans-serif;}.title,.home,h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{background:#2980B9;color:#fcfcfc;}.version{color:rgba(255,255,255,0.3);}.search{border:1px solid #2472a4;background:#fcfcfc;}.nav{background:#343131;color:#d9d9d9;}.nav p{color:#55a5d9;}.nav label:hover,.nav a:hover{background:#4e4a4a;}.nav .current{background:#fcfcfc;color:#404040;}.nav li>ul>li{background:#e3e3e3;}.nav li>ul>li>a{color:#404040;}.nav li>ul>li>a:hover{background:#d6d6d6;}.pre {border:1px solid #e1e4e5;background:#f8f8f8;}.info{background:#e7f2fa;}.info>p:first-child{background:#6ab0de;color:#fff;}.hint{background:#dbfaf4;}.hint>p:first-child{background:#1abc9c;color:#fff;}.warn{background:#ffedcc;}.warn>p:first-child{background:#f0b37e;color:#fff;}.btn{background:#f3f6f6;}.btn:hover{background:#e5ebeb;}.hl_h{background-color:#ccffcc;}.hl_c{color:#808080;font-style:italic;}.hl_p{color:#1f7199;}.hl_o{color:#404040;}.hl_n{color:#0164eb;}.hl_s{color:#986801;}.hl_t{color:#60A050;}.hl_k{color:#a626a4;}.hl_f{color:#2a9292;}.hl_v{color:#e95649;}.ui1{border:1px outset #a0a0a0;background:#a0a0a0;color:#222;}</style>
    10. 

  10. </head>
    11. 

  11. <body>
    12. 

  12.   <div class="frame content">
    13. 

  13.     <input type="radio" name="page" id="_" checked><input type="radio" name="page" id="_ablak"><input type="radio" name="page" id="_lokalizacio"><input type="radio" name="page" id="_fontok"><input type="radio" name="page" id="_kinezet"><input type="radio" name="page" id="_esemenykezeles"><input type="radio" name="page" id="_nincs_esemeny"><input type="radio" name="page" id="_eger"><input type="radio" name="page" id="_gamepad"><input type="radio" name="page" id="_billentyuzet"><input type="radio" name="page" id="_rahuzott_fajl"><input type="radio" name="page" id="_ablakatmeretezes"><input type="radio" name="page" id="_vagolap"><input type="radio" name="page" id="_elrendezes"><input type="radio" name="page" id="_tarolok"><input type="radio" name="page" id="_cimkek"><input type="radio" name="page" id="_bevitel"><input type="radio" name="page" id="_gombok"><input type="radio" name="page" id="_vonalak"><input type="radio" name="page" id="_egyedi"><input type="radio" name="page" id="_pelda"><input type="radio" name="page" id="_finomhangolas"><input type="radio" name="page" id="_smgui_licensz">
    14. 

  14.     <input type="checkbox" id="menuchk" style="display:none;"><nav class="side nav"><div>
    15. 

  15.       <div class="title"><a href="https://gitlab.com/bztsrc/smgui">Státusz-Módú GUI</a><div class="version">0.0.1</div><input id="_q" class="search" type="text" required="required" onkeyup="s(this.value);"></div>      <div id="_s" class="nav"></div>
    16. 

  16.       <div id="_t" class="nav">
    17. 

  17.         <p>Alapok</p>
    18. 

  18.         <ul>
    19. 

  19.         <li rel="ablak"><label class="toc" for="_ablak">Ablak</label><div class="current">Ablak</div><ul>
    20. 

  20.           <li class="h2"><a href="#inicializalas" onclick="m()">Inicializálás</a></li>
    21. 

  21.           <li class="h2"><a href="#felszabaditas" onclick="m()">Felszabadítás</a></li>
    22. 

  22.           <li class="h2"><a href="#teljeskepernyo" onclick="m()">Teljesképernyő</a></li>
    23. 

  23.           <li class="h2"><a href="#hatterablak" onclick="m()">Háttérablak</a></li>
    24. 

  24.           <li class="h2"><a href="#altalanos_szerkezet" onclick="m()">Általános szerkezet</a></li>
    25. 

  25.         </ul></li>
    26. 

  26.         <li rel="lokalizacio"><label class="toc" for="_lokalizacio">Lokalizáció</label><div class="current">Lokalizáció</div><ul>
    27. 

  27.           <li class="h2"><a href="#nyelvvalasztas" onclick="m()">Nyelvválasztás</a></li>
    28. 

  28.         </ul></li>
    29. 

  29.         <li rel="fontok"><label class="toc" for="_fontok">Fontok</label><div class="current">Fontok</div><ul>
    30. 

  30.           <li class="h2"><a href="#tetszoleges_implementacio_megadasa" onclick="m()">Tetszőleges implementáció megadása</a></li>
    31. 

  31.           <li class="h2"><a href="#font_betoltese" onclick="m()">Font betöltése</a></li>
    32. 

  32.         </ul></li>
    33. 

  33.         <li rel="kinezet"><label class="toc" for="_kinezet">Kinézet</label><div class="current">Kinézet</div><ul>
    34. 

  34.           <li class="h2"><a href="#egermutato" onclick="m()">Egérmutató</a></li>
    35. 

  35.           <li class="h2"><a href="#szintema" onclick="m()">Színtéma</a></li>
    36. 

  36.           <li class="h2"><a href="#bor" onclick="m()">Bőr</a></li>
    37. 

  37.         </ul></li>
    38. 

  38.         </ul>
    39. 

  39.         <p>Események</p>
    40. 

  40.         <ul>
    41. 

  41.         <li rel="esemenykezeles"><label class="toc" for="_esemenykezeles">Eseménykezelés</label><div class="current">Eseménykezelés</div><ul>
    42. 

  42.         </ul></li>
    43. 

  43.         <li rel="nincs_esemeny"><label class="toc" for="_nincs_esemeny">Nincs esemény</label><div class="current">Nincs esemény</div><ul>
    44. 

  44.         </ul></li>
    45. 

  45.         <li rel="eger"><label class="toc" for="_eger">Egér</label><div class="current">Egér</div><ul>
    46. 

  46.         </ul></li>
    47. 

  47.         <li rel="gamepad"><label class="toc" for="_gamepad">Gamepad</label><div class="current">Gamepad</div><ul>
    48. 

  48.         </ul></li>
    49. 

  49.         <li rel="billentyuzet"><label class="toc" for="_billentyuzet">Billentyűzet</label><div class="current">Billentyűzet</div><ul>
    50. 

  50.         </ul></li>
    51. 

  51.         <li rel="rahuzott_fajl"><label class="toc" for="_rahuzott_fajl">Ráhúzott fájl</label><div class="current">Ráhúzott fájl</div><ul>
    52. 

  52.         </ul></li>
    53. 

  53.         <li rel="ablakatmeretezes"><label class="toc" for="_ablakatmeretezes">Ablakátméretezés</label><div class="current">Ablakátméretezés</div><ul>
    54. 

  54.         </ul></li>
    55. 

  55.         <li rel="vagolap"><label class="toc" for="_vagolap">Vágólap</label><div class="current">Vágólap</div><ul>
    56. 

  56.           <li class="h2"><a href="#beillesztes" onclick="m()">Beillesztés</a></li>
    57. 

  57.           <li class="h2"><a href="#kivagas" onclick="m()">Kivágás</a></li>
    58. 

  58.         </ul></li>
    59. 

  59.         </ul>
    60. 

  60.         <p>Űrlapok</p>
    61. 

  61.         <ul>
    62. 

  62.         <li rel="elrendezes"><label class="toc" for="_elrendezes">Elrendezés</label><div class="current">Elrendezés</div><ul>
    63. 

  63.           <li class="h2"><a href="#mezo_jelzok" onclick="m()">Mező jelzők</a></li>
    64. 

  64.           <li class="h2"><a href="#pozicionalas" onclick="m()">Pozícionálás</a></li>
    65. 

  65.           <li class="h2"><a href="#tobbszalusag" onclick="m()">Többszálúság</a></li>
    66. 

  66.           <li class="h2"><a href="#ujrarajzolas" onclick="m()">Újrarajzolás</a></li>
    67. 

  67.         </ul></li>
    68. 

  68.         <li rel="tarolok"><label class="toc" for="_tarolok">Tárolók</label><div class="current">Tárolók</div><ul>
    69. 

  69.           <li class="h2"><a href="#felugro" onclick="m()">Felugró</a></li>
    70. 

  70.           <li class="h2"><a href="#menu" onclick="m()">Menü</a></li>
    71. 

  71.           <li class="h2"><a href="#divizio" onclick="m()">Divízió</a></li>
    72. 

  72.           <li class="h2"><a href="#tablazat" onclick="m()">Táblázat</a></li>
    73. 

  73.         </ul></li>
    74. 

  74.         <li rel="cimkek"><label class="toc" for="_cimkek">Cimkék</label><div class="current">Cimkék</div><ul>
    75. 

  75.           <li class="h2"><a href="#cimke" onclick="m()">Cimke</a></li>
    76. 

  76.           <li class="h2"><a href="#statusz" onclick="m()">Státusz</a></li>
    77. 

  77.           <li class="h2"><a href="#decimalis" onclick="m()">Decimális</a></li>
    78. 

  78.           <li class="h2"><a href="#hexadecimalis" onclick="m()">Hexadecimális</a></li>
    79. 

  79.           <li class="h2"><a href="#folyamatjelzo" onclick="m()">Folyamatjelző</a></li>
    80. 

  80.           <li class="h2"><a href="#lebegopontos" onclick="m()">Lebegőpontos</a></li>
    81. 

  81.           <li class="h2"><a href="#kep" onclick="m()">Kép</a></li>
    82. 

  82.         </ul></li>
    83. 

  83.         <li rel="bevitel"><label class="toc" for="_bevitel">Bevitel</label><div class="current">Bevitel</div><ul>
    84. 

  84.           <li class="h2"><a href="#szoveg" onclick="m()">Szöveg</a></li>
    85. 

  85.           <li class="h2"><a href="#valasztodoboz" onclick="m()">Választódoboz</a></li>
    86. 

  86.           <li class="h2"><a href="#opciolista" onclick="m()">Opciólista</a></li>
    87. 

  87.           <li class="h2"><a href="#lebegopont" onclick="m()">Lebegőpont</a></li>
    88. 

  88.           <li class="h2"><a href="#egeszszam" onclick="m()">Egészszám</a></li>
    89. 

  89.           <li class="h2"><a href="#csuszka" onclick="m()">Csúszka</a></li>
    90. 

  90.           <li class="h2"><a href="#fuggoleges_szkrollozo" onclick="m()">Függőleges szkrollozó</a></li>
    91. 

  91.           <li class="h2"><a href="#vizszintes_szkrollozo" onclick="m()">Vízszintes szkrollozó</a></li>
    92. 

  92.           <li class="h2"><a href="#szin" onclick="m()">Szín</a></li>
    93. 

  93.           <li class="h2"><a href="#fajl" onclick="m()">Fájl</a></li>
    94. 

  94.           <li class="h2"><a href="#eleresi_ut" onclick="m()">Elérési út</a></li>
    95. 

  95.         </ul></li>
    96. 

  96.         <li rel="gombok"><label class="toc" for="_gombok">Gombok</label><div class="current">Gombok</div><ul>
    97. 

  97.           <li class="h2"><a href="#kapcsolo" onclick="m()">Kapcsoló</a></li>
    98. 

  98.           <li class="h2"><a href="#pipa" onclick="m()">Pipa</a></li>
    99. 

  99.           <li class="h2"><a href="#valaszto" onclick="m()">Választó</a></li>
    100. 

  100.           <li class="h2"><a href="#gomb" onclick="m()">Gomb</a></li>
    101. 

  101.           <li class="h2"><a href="#gombkapcsolo" onclick="m()">Gombkapcsoló</a></li>
    102. 

  102.           <li class="h2"><a href="#ikongomb" onclick="m()">Ikongomb</a></li>
    103. 

  103.         </ul></li>
    104. 

  104.         <li rel="vonalak"><label class="toc" for="_vonalak">Vonalak</label><div class="current">Vonalak</div><ul>
    105. 

  105.           <li class="h2"><a href="#vonal" onclick="m()">Vonal</a></li>
    106. 

  106.           <li class="h2"><a href="#vizszintes_osszekotes" onclick="m()">Vízszintes összekötés</a></li>
    107. 

  107.           <li class="h2"><a href="#fuggoleges_osszekotes" onclick="m()">Függőleges összekötés</a></li>
    108. 

  108.           <li class="h2"><a href="#bezier_iv" onclick="m()">Bezier ív</a></li>
    109. 

  109.         </ul></li>
    110. 

  110.         <li rel="egyedi"><label class="toc" for="_egyedi">Egyedi</label><div class="current">Egyedi</div><ul>
    111. 

  111.           <li class="h2"><a href="#meretezes" onclick="m()">Méretezés</a></li>
    112. 

  112.           <li class="h2"><a href="#megjelenites" onclick="m()">Megjelenítés</a></li>
    113. 

  113.           <li class="h2"><a href="#kontroller" onclick="m()">Kontroller</a></li>
    114. 

  114.           <li class="h2"><a href="#destruktor" onclick="m()">Destruktor</a></li>
    115. 

  115.         </ul></li>
    116. 

  116.         </ul>
    117. 

  117.         <p>Függelék</p>
    118. 

  118.         <ul>
    119. 

  119.         <li rel="pelda"><label class="toc" for="_pelda">Példa</label><div class="current">Példa</div><ul>
    120. 

  120.         </ul></li>
    121. 

  121.         <li rel="finomhangolas"><label class="toc" for="_finomhangolas">Finomhangolás</label><div class="current">Finomhangolás</div><ul>
    122. 

  122.           <li class="h2"><a href="#alap" onclick="m()">Alap</a></li>
    123. 

  123.           <li class="h3"><a href="#ui_implementation" onclick="m()">UI_IMPLEMENTATION</a></li>
    124. 

  124.           <li class="h3"><a href="#ui_noaa" onclick="m()">UI_NOAA</a></li>
    125. 

  125.           <li class="h3"><a href="#ui_maxevents" onclick="m()">UI_MAXEVENTS</a></li>
    126. 

  126.           <li class="h3"><a href="#ui_maxpopups" onclick="m()">UI_MAXPOPUPS</a></li>
    127. 

  127.           <li class="h3"><a href="#ui_backend_initialized" onclick="m()">UI_BACKEND_INITIALIZED</a></li>
    128. 

  128.           <li class="h3"><a href="#ui_backend_noflush" onclick="m()">UI_BACKEND_NOFLUSH</a></li>
    129. 

  129.           <li class="h2"><a href="#glfw3" onclick="m()">GLFW3</a></li>
    130. 

  130.           <li class="h3"><a href="#ui_glfw_noshader" onclick="m()">UI_GLFW_NOSHADER</a></li>
    131. 

  131.           <li class="h3"><a href="#ui_glfw_gles2" onclick="m()">UI_GLFW_GLES2</a></li>
    132. 

  132.           <li class="h3"><a href="#ui_glfw_customhooks" onclick="m()">UI_GLFW_CUSTOMHOOKS</a></li>
    133. 

  133.         </ul></li>
    134. 

  134.         <li rel="smgui_licensz"><label class="toc" for="_smgui_licensz">SMGUI Licensz</label><div class="current">SMGUI Licensz</div><ul>
    135. 

  135.         </ul>
    136. 

  136.       </div>
    137. 

  137.     </div></nav>
    138. 

  138.     <div id="_m">
    139. 

  139.       <nav class="mobile title">Státusz-Módú GUI<label for="menuchk" class="menu"></label></nav>
    140. 

  140. <div class="page" rel="_">
    141. 

  141. <h1>Státusz-Módú GUI API</h1>
    142. 

  142. <p>Üdvözöl az <a href="https://bztsrc.gitlab.io/smgui" target="new">SMGUI</a>, a státusz vezérelt grafikus felhasználói felület eszköztár
    143. 

  143. kézikönyve.</p>
    144. 

  144. <p>A <b>státusz-vezérelt UI</b> alapelve az, hogy már úgyis megvannak a változóid, szóval elég csak hivatkozni
    145. 

  145. azokra egy űrlapból, nem kell sem visszahívás sem azonnali kódlekezlés, csupán csak azon már meglévő
    146. 

  146. változók értékei vezérlik a GUI megjelenítését.</p>
    147. 

  147. <div class="hint"><p><span>TIPP</span></p><p> Ez a kézikönyv internet nélkül is használható. A <span class="mouseright"></span> jobb-klikk menüben válaszd az "Oldal mentése" menüpontot.</p></div>
    148. 

  148. 

  149. <h2>Behúzás</h2>
    150. 

  150. <p>Ez a függvénykönyvtár mindent tartalmaz egyetlen fejlécfájlban, és használható mind fejléc, mind implementációs
    151. 

  151. módban. Alapból a fejléc-mód van használatban, ami lehetővé teszi, hogy más fejlécekből is behúzásra kerüljön, és
    152. 

  152. nem tartalmazza ilyenkor az implementációt. Az implementációs módhoz pontosan egyetlen egy .c/.cpp forrásban meg
    153. 

  153. kell adni az <samp>UI_IMPLEMENTATION</samp> előfordító define-t pontosan ezen fejléc fájl include-ja előtt.</p>
    154. 

  154. <p>Az alap függvénykönyvtár platform és motor független. Bármilyen motorral és fontmeghajtóval képes működni, ehhez
    155. 

  155. csak be kell húzni a megfelelő fejlécfájlt még az <b>ui.h</b> előtt. Például:</p>
    156. 

  156. <div class="pre"><pre class="lineno">1<br>2<br>3<br>4<br></pre><code><span class="hl_p">#include &quot;ui_glfw.h&quot;</span>
    157. 

  157. <span class="hl_p">#include &quot;ui_psf2.h&quot;</span>
    158. 

  158. <span class="hl_p">#define UI_IMPLEMENTATION</span>
    159. 

  159. <span class="hl_p">#include &quot;ui.h&quot;</span></code></div>
    160. 

  160. <p>A referencia implementáció <a href="https://www.glfw.org" target="new">GLFW3</a>, <a href="https://libsdl.org" target="new">SDL2/3</a> és <a href="https://www.x.org" target="new">X11</a>
    161. 

  161. motorral érkezik; ami a fontokat illeti, van PC-Screen-Font (amit a Linux Console használ), illetve
    162. 

  162. <a href="https://gitlab.com/bztsrc/scalable-font2" target="new">Scalable Screen Font</a> (sokkal hatékonyabb, mint a TTF vagy OTF, és bármilyen
    163. 

  163. font, bitmap, vektor vagy pixel font átkonvertálható SSFN-é).</p>
    164. 

  164. <p>Alapból - ha semmilyen másik modul nem lett előtte behúzva -, akkor az <b>ui.h</b> behúzza a <i>GLFW3 motort</i> és a <i>PSF2 font</i>
    165. 

  165. meghajtót, valamint egy minimális, ékezetes betűk néküli ASCII font-ot is beágyaz (2080 bájt lefordítva).</p>
    166. 

  166. 

  167. <h2>Visszatérési értékek</h2>
    168. 

  168. <p>Hacsak másképp nincs jelezve, minden függvény negatív hibakódot ad vissza.</p>
    169. 

  169. <div class="table"><table><tr><th>Define </th><th>Leírás </th></tr>
    170. 

  170. <tr><td><samp>UI_OK</samp> </td><td>Sikeres, nem volt hiba </td></tr>
    171. 

  171. <tr><td><samp>UI_ERR_BADINP</samp> </td><td>Hibás paraméter </td></tr>
    172. 

  172. <tr><td><samp>UI_ERR_BACKEND</samp> </td><td>Hiba a motor inicializálásánál </td></tr>
    173. 

  173. <tr><td><samp>UI_ERR_NOMEM</samp> </td><td>Memória foglalási hiba </td></tr></table></div><br style="clear:both;"><label class="btn next" accesskey="n" for="_ablak" title="Ablak">Következő</label></div>
    174. 

  174. <div class="page" rel="ablak"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Ablak</li></ul><hr></div>
    175. 

  175. <h1 id="ablak">Ablak<a href="#ablak"></a></h1>
    176. 

  176. <h2 id="inicializalas">Inicializálás<a href="#inicializalas"></a></h2>
    177. 

  177. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_init</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_t">int</span> <span class="hl_v">txtc</span>, <span class="hl_t">char</span> <span class="hl_o">**</span><span class="hl_v">txtv</span>, <span class="hl_t">int</span> <span class="hl_v">w</span>, <span class="hl_t">int</span> <span class="hl_v">h</span>, <span class="hl_v">ui_image_t</span> <span class="hl_o">*</span><span class="hl_v">icon</span>);</code></div>
    178. 

  178. <p>Inicializálja az UI kontextust és ablakot nyit. A legelső sztringnek a <samp>txtv[]</samp> tömbben az ablak fejlécének kell lennie, a többi
    179. 

  179. szabadon választható.</p>
    180. 

  180. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    181. 

  181. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr>
    182. 

  182. <tr><td><samp>txtc</samp> </td><td>Sztringek száma </td></tr>
    183. 

  183. <tr><td><samp>txtv</samp> </td><td><a href="#lokalizacio" onclick="c('lokalizacio')">Lokalizáció</a>hoz sztringtömb </td></tr>
    184. 

  184. <tr><td><samp>w</samp> </td><td>Ablak szélessége </td></tr>
    185. 

  185. <tr><td><samp>h</samp> </td><td>Ablak magassága </td></tr>
    186. 

  186. <tr><td><samp>icon</samp> </td><td>Ablak ikonja <a href="#kep" onclick="c('kep')">kép</a> (vagy NULL) </td></tr></table></div>
    187. 

  187. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p>
    188. 

  188. <h2 id="felszabaditas">Felszabadítás<a href="#felszabaditas"></a></h2>
    189. 

  189. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_free</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>);</code></div>
    190. 

  190. <p>Bezárja az ablakot és felszabadítja a lefoglalt erőforrásokat.</p>
    191. 

  191. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    192. 

  192. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr></table></div>
    193. 

  193. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p>
    194. 

  194. <h2 id="teljeskepernyo">Teljesképernyő<a href="#teljeskepernyo"></a></h2>
    195. 

  195. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_fullscreen</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>);</code></div>
    196. 

  196. <p>Váltogatja a kontextust teljesképernyős és ablakos mód között (inicializálást követően ablakos).</p>
    197. 

  197. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    198. 

  198. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr></table></div>
    199. 

  199. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p>
    200. 

  200. <h2 id="hatterablak">Háttérablak<a href="#hatterablak"></a></h2>
    201. 

  201. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">void</span> <span class="hl_o">*</span><span class="hl_f">ui_getwindow</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>);</code></div>
    202. 

  202. <p>Amennyiben szükség lenne rá, ezzel a funkcióval lekérhető a motor által használt ablak objektum.</p>
    203. 

  203. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    204. 

  204. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr></table></div>
    205. 

  205. <p>Egy implementációfüggő objektumot ad vissza.</p>
    206. 

  206. <h2 id="altalanos_szerkezet">Általános szerkezet<a href="#altalanos_szerkezet"></a></h2>
    207. 

  207. <p>A program általános szerkezetének valami ilyesminek kell lennie:</p>
    208. 

  208. <div class="pre"><pre class="lineno">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>31<br>32<br></pre><code><span class="hl_c">/* UI kontextus, ablakonként egy */</span>
    209. 

  209. <span class="hl_v">ui_t</span> <span class="hl_v">ctx</span>;
    210. 

  210. 

  211. <span class="hl_c">/* lokalizációhoz sztringtömb */</span>
    212. 

  212. <span class="hl_t">enum</span> { <span class="hl_v">WINDOW_TITLE</span>, <span class="hl_v">HELLO_WORLD</span> };
    213. 

  213. <span class="hl_t">char</span> <span class="hl_o">*</span><span class="hl_v">english</span>[] <span class="hl_o">=</span> { <span class="hl_s">&quot;Window title&quot;</span>, <span class="hl_s">&quot;Hello World!&quot;</span> };
    214. 

  214. 

  215. <span class="hl_c">/* ablak megnyitása és kontextus inicializálása */</span>
    216. 

  216. <span class="hl_f">ui_init</span>(<span class="hl_o">&amp;</span><span class="hl_v">ctx</span>, <span class="hl_n">2</span>, <span class="hl_v">english</span>, <span class="hl_n">640</span>, <span class="hl_n">480</span>, <span class="hl_t">NULL</span>);
    217. 

  217. 

  218. <span class="hl_c">/* a fő ciklus */</span>
    219. 

  219. <span class="hl_k">do</span> {
    220. 

  220.     <span class="hl_c">/* tedd, amit tennél, rajzolj, amit akarsz */</span>
    221. 

  221.     <span class="hl_f">glClearColor</span>(<span class="hl_n">0.0</span>, <span class="hl_n">0.0</span>, <span class="hl_n">0.0</span>, <span class="hl_n">1.0</span>);
    222. 

  222.     <span class="hl_f">glClear</span>(<span class="hl_v">GL_COLOR_BUFFER_BIT</span> <span class="hl_o">|</span> <span class="hl_v">GL_DEPTH_BUFFER_BIT</span>);
    223. 

  223.     <span class="hl_c">/* ... */</span>
    224. 

  224. 

  225.     <span class="hl_c">/* események lekérése és UI réteg megjelenítése a kívánt űrlappal */</span>
    226. 

  226.     <span class="hl_c">/* ha ez NULL-t ad vissza, ki kell lépni a ciklusból */</span>
    227. 

  227.     <span class="hl_k">if</span>(<span class="hl_o">!</span>(<span class="hl_v">evt</span> <span class="hl_o">=</span> <span class="hl_f">ui_event</span>(<span class="hl_o">&amp;</span><span class="hl_v">ctx</span>, <span class="hl_v">form</span>))) <span class="hl_k">break</span>;
    228. 

  228. 

  229.     <span class="hl_c">/* események feldolgozása */</span>
    230. 

  230.     <span class="hl_k">switch</span>(<span class="hl_v">evt</span><span class="hl_o">-&gt;</span><span class="hl_v">type</span>) {
    231. 

  231.         <span class="hl_k">case</span> <span class="hl_v">UI_EVT_KEY</span>: <span class="hl_c">/* billentyűleütés */</span> <span class="hl_k">break</span>;
    232. 

  232.         <span class="hl_k">case</span> <span class="hl_v">UI_EVT_MOUSE</span>: <span class="hl_c">/* egérgomb esemény */</span> <span class="hl_k">break</span>;
    233. 

  233.         <span class="hl_k">case</span> <span class="hl_v">UI_EVT_GAMEPAD</span>: <span class="hl_c">/* gamepad esemény */</span> <span class="hl_k">break</span>;
    234. 

  234.         <span class="hl_c">/* ... */</span>
    235. 

  235.     }
    236. 

  236. } <span class="hl_k">while</span>(<span class="hl_n">1</span>);
    237. 

  237. 

  238. <span class="hl_c">/* ablak bezárása */</span>
    239. 

  239. <span class="hl_f">ui_free</span>(<span class="hl_o">&amp;</span><span class="hl_v">ctx</span>);</code></div><br style="clear:both;"><label class="btn prev" accesskey="p" for="_">Előző</label><label class="btn next" accesskey="n" for="_lokalizacio" title="Lokalizáció">Következő</label></div>
    240. 

  240. <div class="page" rel="lokalizacio"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Lokalizáció</li></ul><hr></div>
    241. 

  241. <h1 id="lokalizacio">Lokalizáció<a href="#lokalizacio"></a></h1>
    242. 

  242. <p>Az SMGUI támogatja a többnyelvűséget, de ehhez a sztringeket össze kell gyűjteni egy tömbbe. Javaslom egy <samp>enum</samp>
    243. 

  243. létrehozását is az indexekhez.</p>
    244. 

  244. <div class="pre"><pre>
    245. 

  245. char *dictionary[];
    246. 

  246. </pre></div>
    247. 

  247. <p>Ezt a tömböt át kell adni, amikor az <a href="#ablak" onclick="c('ablak')">ablak</a>ot megnyitjuk. A legelső sztringnek a tömbben az ablak fejlécének kell lennie, a
    248. 

  248. többi szabadon választható.</p>
    249. 

  249. <h2 id="nyelvvalasztas">Nyelvválasztás<a href="#nyelvvalasztas"></a></h2>
    250. 

  250. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_settxt</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_t">char</span> <span class="hl_o">**</span><span class="hl_v">txtv</span>);</code></div>
    251. 

  251. <p>A nyelv futás közben bármikor megváltoztatható. Az új <samp>txtv[]</samp> tömbnek pontosan annyi elemének kell lennie, mint ahány
    252. 

  252. elemű az inicializálásnál átadott tömb volt.</p>
    253. 

  253. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    254. 

  254. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr>
    255. 

  255. <tr><td><samp>txtv</samp> </td><td>Sztringtömb </td></tr></table></div>
    256. 

  256. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p><br style="clear:both;"><label class="btn prev" accesskey="p" for="_ablak" title="Ablak">Előző</label><label class="btn next" accesskey="n" for="_fontok" title="Fontok">Következő</label></div>
    257. 

  257. <div class="page" rel="fontok"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Fontok</li></ul><hr></div>
    258. 

  258. <h1 id="fontok">Fontok<a href="#fontok"></a></h1>
    259. 

  259. <p>Az SMGUI tetszőleges fontokat képes támogatni, és mindjárt kétféle referencia implementációval érkezik, <b>ui_psf2.h</b>
    260. 

  260. (alapértelmezett, egyszerű bitmap font) és <b>ui_ssfn.h</b> (vektor, átméretezett bitmap és pixelmap fontok), de saját is
    261. 

  261. egyszerűen hozzáadható.</p>
    262. 

  262. <h2 id="tetszoleges_implementacio_megadasa">Tetszőleges implementáció megadása<a href="#tetszoleges_implementacio_megadasa"></a></h2>
    263. 

  263. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_fonthook</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_v">ui_font_bbox</span> <span class="hl_v">bbox</span>, <span class="hl_v">ui_font_draw</span> <span class="hl_v">draw</span>);</code></div>
    264. 

  264. <p>Egy bármilyen font formátum támogatásához két visszacsatolás megadására van szükség a kontextusban.</p>
    265. 

  265. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    266. 

  266. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr>
    267. 

  267. <tr><td><samp>bbox</samp> </td><td>Méretfunkció </td></tr>
    268. 

  268. <tr><td><samp>draw</samp> </td><td>Kirajzolófunkció </td></tr></table></div>
    269. 

  269. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p>
    270. 

  270. <p>A visszacsatolások:</p>
    271. 

  271. <div class="pre"><pre class="lineno">1<br>2<br></pre><code><span class="hl_t">typedef</span> <span class="hl_t">int</span> (<span class="hl_o">*</span><span class="hl_f">ui_font_bbox</span>)(<span class="hl_t">void</span> <span class="hl_o">*</span><span class="hl_v">fnt</span>, <span class="hl_t">char</span> <span class="hl_o">*</span><span class="hl_v">str</span>, <span class="hl_t">char</span> <span class="hl_o">*</span><span class="hl_v">end</span>,
    272. 

  272.     <span class="hl_t">int</span> <span class="hl_o">*</span><span class="hl_v">w</span>, <span class="hl_t">int</span> <span class="hl_o">*</span><span class="hl_v">h</span>, <span class="hl_t">int</span> <span class="hl_o">*</span><span class="hl_v">l</span>, <span class="hl_t">int</span> <span class="hl_o">*</span><span class="hl_v">t</span>);</code></div>
    273. 

  273. <p>Megméri a sztringet, és a szélességét a <samp>w</samp>, a magasságát a <samp>h</samp> változóban adja vissza pixelben. Ha van baloldali átfedés,
    274. 

  274. akkor az az <samp>l</samp>-be kerül. Az alapvonal felülről számítva a <samp>t</samp>-be kerül (mind az <samp>l</samp> és a <samp>t</samp> lehet NULL, ha nincs ezekre
    275. 

  275. szükség). A sztring egy nullával lezárt UTF-8 sztring <samp>str</samp>-ben, de ha az <samp>end</samp> nem NULL, akkor ott véget ér.</p>
    276. 

  276. <div class="pre"><pre class="lineno">1<br>2<br>3<br></pre><code><span class="hl_t">typedef</span> <span class="hl_t">int</span> (<span class="hl_o">*</span><span class="hl_f">ui_font_draw</span>)(<span class="hl_t">void</span> <span class="hl_o">*</span><span class="hl_v">fnt</span>, <span class="hl_t">char</span> <span class="hl_o">*</span><span class="hl_v">str</span>, <span class="hl_t">char</span> <span class="hl_o">*</span><span class="hl_v">end</span>,
    277. 

  277.     <span class="hl_t">uint8_t</span> <span class="hl_o">*</span><span class="hl_v">dst</span>, <span class="hl_t">uint32_t</span> <span class="hl_v">color</span>, <span class="hl_t">int</span> <span class="hl_v">x</span>, <span class="hl_t">int</span> <span class="hl_v">y</span>, <span class="hl_t">int</span> <span class="hl_v">l</span>, <span class="hl_t">int</span> <span class="hl_v">t</span>, <span class="hl_t">int</span> <span class="hl_v">p</span>,
    278. 

  278.     <span class="hl_t">int</span> <span class="hl_v">cx0</span>, <span class="hl_t">int</span> <span class="hl_v">cy0</span>, <span class="hl_t">int</span> <span class="hl_v">cx1</span>, <span class="hl_t">int</span> <span class="hl_v">cy1</span>);</code></div>
    279. 

  279. <p>Kirajzolja a sztringet <samp>x</samp>, <samp>y</samp> koordinátákra (<samp>l</samp> baloldali átfedéssel és <samp>t</samp> alapvonalra) a <samp>dst</samp> pixelbufferre, aminek
    280. 

  280. egy rasztersora <samp>p</samp> bájtnyi. Nagyon fontos, hogy a megadott <samp>cx0</samp>, <samp>cy0</samp> és <samp>cx1</samp>, <samp>cy1</samp> koordináták közötti crop régión
    281. 

  281. kívül nem szabad semmit módosítania. Az implementációspecifikus <samp>fnt</samp> hivatkozik a fontra, a szöveg színe <samp>color</samp>, a
    282. 

  282. nullával lezárt UTF-8 sztring <samp>str</samp>-ben, de ha az <samp>end</samp> nem NULL, akkor ott véget ér.</p>
    283. 

  283. <h2 id="font_betoltese">Font betöltése<a href="#font_betoltese"></a></h2>
    284. 

  284. <div class="warn"><p><span>FIGYELEM</span></p><p> Ez a funkció nem inicializálja a fontot, csak letárolja a mutatót, hogy átadja a visszacsatolásoknak. A font
    285. 

  285. inicializálás és felszabadítás platform-specifikus és a hívó dolga (a PSF2 meghajtónak nincs ezekre szüksége).</p></div>
    286. 

  286. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_font</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_t">void</span> <span class="hl_o">*</span><span class="hl_v">fnt</span>);</code></div>
    287. 

  287. <p>Beállítja a használandó fontot.</p>
    288. 

  288. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    289. 

  289. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr>
    290. 

  290. <tr><td><samp>fnt</samp> </td><td>Használandó font </td></tr></table></div>
    291. 

  291. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p><br style="clear:both;"><label class="btn prev" accesskey="p" for="_lokalizacio" title="Lokalizáció">Előző</label><label class="btn next" accesskey="n" for="_kinezet" title="Kinézet">Következő</label></div>
    292. 

  292. <div class="page" rel="kinezet"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Kinézet</li></ul><hr></div>
    293. 

  293. <h1 id="kinezet">Kinézet<a href="#kinezet"></a></h1>
    294. 

  294. <h2 id="egermutato">Egérmutató<a href="#egermutato"></a></h2>
    295. 

  295. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_swcursor</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_v">ui_image_t</span> <span class="hl_o">*</span><span class="hl_v">cursor</span>);</code></div>
    296. 

  296. <p>Kikapcsolja a hardveres egérmutatót és helyette egy képet rak ki szoftveresen.</p>
    297. 

  297. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    298. 

  298. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr>
    299. 

  299. <tr><td><samp>cursor</samp> </td><td>Mutató a kurzor <a href="#kep" onclick="c('kep')">kép</a>re </td></tr></table></div>
    300. 

  300. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p>
    301. 

  301. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_hwcursor</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>);</code></div>
    302. 

  302. <p>Kikapcsolja a szoftveres egérmutatót és engedélyezi a hardverest.</p>
    303. 

  303. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    304. 

  304. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr></table></div>
    305. 

  305. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p>
    306. 

  306. <h2 id="szintema">Színtéma<a href="#szintema"></a></h2>
    307. 

  307. <p>Az SMGUI többféle színtémát is támogat, amik lényegében paletták. Minden palettaelem egy UI elem színének felel meg.
    308. 

  308. Ezek sorrendben a következők:</p>
    309. 

  309. <ul><li>előtér (betűk) színe</li>
    310. 

  310. <li>felugró és menü címsor színe</li>
    311. 

  311. <li>felugró és menü háttérszíne</li>
    312. 

  312. <li>felugró és menü árnyékszíne</li>
    313. 

  313. <li>aktív <a href="#kapcsolo" onclick="c('kapcsolo')">kapcsoló</a> előtérszíne</li>
    314. 

  314. <li>aktív kapcsoló háttérszíne</li>
    315. 

  315. <li><a href="#menu" onclick="c('menu')">menü</a> kielemlés előtérszíne</li>
    316. 

  316. <li>menü kiemelés háttérszíne</li>
    317. 

  317. <li>inaktív előtérszín</li>
    318. 

  318. <li>inaktív háttérszín</li>
    319. 

  319. <li>szkrollozó háttérszíne</li>
    320. 

  320. <li>beviteli mező előtérszíne</li>
    321. 

  321. <li>beviteli mező világos keretszín</li>
    322. 

  322. <li>beviteli mező sötét keretszín</li>
    323. 

  323. <li>beviteli mező háttérszíne</li>
    324. 

  324. <li>kiválasztott beviteli mező előtérszíne</li>
    325. 

  325. <li>kiválasztott beviteli mező keretszíne</li>
    326. 

  326. <li>kiválasztott beviteli mező kurzorszíne</li>
    327. 

  327. <li>normál gomb előtérszíne</li>
    328. 

  328. <li>normál gomb árnyékszíne</li>
    329. 

  329. <li>normál gomb külső keretszíne</li>
    330. 

  330. <li>kiválasztott gomb előtérszíne</li>
    331. 

  331. <li>kiválasztott gomb árnyékszíne</li>
    332. 

  332. <li>kiválasztott gomb külső keretszíne</li>
    333. 

  333. <li>gomb világos belső keretszín</li>
    334. 

  334. <li>gomb sötét belső keretszín</li>
    335. 

  335. <li>gomb világos háttérszín</li>
    336. 

  336. <li>gomb sötét háttérszín</li>
    337. 

  337. <li>folyamatjelző világos színe</li>
    338. 

  338. <li>folyamatjelző háttérszíne</li>
    339. 

  339. <li>folyamatjelző sötét színe</li></ul>
    340. 

  340. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_theme</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_t">uint32_t</span> <span class="hl_o">*</span><span class="hl_v">theme</span>);</code></div>
    341. 

  341. <p>Beállít egy tetszőleges színtémát. A <samp>theme[]</samp> tömbnek annyi eleműnek kell lennie, ahány UI szín van, lásd a fenti listát.</p>
    342. 

  342. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    343. 

  343. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr>
    344. 

  344. <tr><td><samp>theme</samp> </td><td>Mutató a palettára </td></tr></table></div>
    345. 

  345. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p>
    346. 

  346. <h2 id="bor">Bőr<a href="#bor"></a></h2>
    347. 

  347. <p>Az SMGUI bőröket is támogat, amik lényegében képek, mindegyik az UI egy-egy elemének felel meg. Ezek sorrendben a következők:</p>
    348. 

  348. <ul><li>egérkurzor (kattintópont középen)</li>
    349. 

  349. <li>felugró és menü bal felső sarok</li>
    350. 

  350. <li>felugró és menü felső középső sáv</li>
    351. 

  351. <li>felugró és menü jobb felső sarok</li>
    352. 

  352. <li>felugró és menü bal oldal</li>
    353. 

  353. <li>felugró és menü háttér</li>
    354. 

  354. <li>felugró és menü jobb oldal</li>
    355. 

  355. <li>felugró és menü bal alsó sarok</li>
    356. 

  356. <li>felugró és menü alsó középső sáv</li>
    357. 

  357. <li>felugró és menü jobb alsó sarok</li>
    358. 

  358. <li>felugró és menü cím háttere</li>
    359. 

  359. <li>felugró és menü bezár gomb</li>
    360. 

  360. <li>felugró és menü alternatív bal felső sarok</li>
    361. 

  361. <li>felugró és menü alternatív felső középső sáv</li>
    362. 

  362. <li>felugró és menü alternatív jobb felső sarok</li>
    363. 

  363. <li>felugró és menü alternatív bal oldal</li>
    364. 

  364. <li>felugró és menü alternatív háttér</li>
    365. 

  365. <li>felugró és menü alternatív jobb oldal</li>
    366. 

  366. <li>felugró és menü alternatív bal alsó sarok</li>
    367. 

  367. <li>felugró és menü alternatív alsó középső sáv</li>
    368. 

  368. <li>felugró és menü alternatív jobb alsó sarok</li>
    369. 

  369. <li>felugró és menü alternatív cím háttere</li>
    370. 

  370. <li>felugró és menü alternatív bezár gomb</li>
    371. 

  371. <li>menü alternatív bal oldal</li>
    372. 

  372. <li>menü alternatív háttér</li>
    373. 

  373. <li>menü alternatív jobb oldal</li>
    374. 

  374. <li>menü kiemelés háttér</li>
    375. 

  375. <li>beviteli mező háttér</li>
    376. 

  376. <li>folyamatjelző gomb háttere</li>
    377. 

  377. <li>csúszka bal oldal</li>
    378. 

  378. <li>csúszka háttér</li>
    379. 

  379. <li>csúszka jobb oldal</li>
    380. 

  380. <li>csúszka gomb</li>
    381. 

  381. <li>függőleges szkrollozó teteje</li>
    382. 

  382. <li>függőleges szkrollozó háttere</li>
    383. 

  383. <li>függőleges szkrollozó alja</li>
    384. 

  384. <li>függőleges szkrollozó gomb teteje</li>
    385. 

  385. <li>függőleges szkrollozó gomb közepe</li>
    386. 

  386. <li>függőleges szkrollozó gomb alja</li>
    387. 

  387. <li>vízszintes szkrollozó eleje</li>
    388. 

  388. <li>vízszintes szkrollozó háttere</li>
    389. 

  389. <li>vízszintes szkrollozó vége</li>
    390. 

  390. <li>vízszintes szkrollozó gomb bal oldal</li>
    391. 

  391. <li>vízszintes szkrollozó gomb közepe</li>
    392. 

  392. <li>vízszintes szkrollozó gomb jobb oldal</li>
    393. 

  393. <li>pipamező üresen</li>
    394. 

  394. <li>pipamező bepipálva</li>
    395. 

  395. <li>választó üresen</li>
    396. 

  396. <li>választó kiválasztva</li>
    397. 

  397. <li>normál gomb bal oldal</li>
    398. 

  398. <li>normál gomb háttere</li>
    399. 

  399. <li>normál gomb jobb oldal</li>
    400. 

  400. <li>lenyomott gomb bal oldal</li>
    401. 

  401. <li>lenyomott gomb háttere</li>
    402. 

  402. <li>lenyomott gomb jobb oldal</li>
    403. 

  403. <li>kiválasztott gomb bal oldal</li>
    404. 

  404. <li>kiválasztott gomb háttere</li>
    405. 

  405. <li>kiválasztott gomb jobb oldal</li>
    406. 

  406. <li>balra nyíl gomb</li>
    407. 

  407. <li>lefelé nyíl gomb</li>
    408. 

  408. <li>jobbra nyíl gomb</li>
    409. 

  409. <li>lenyomott balra nyíl gomb</li>
    410. 

  410. <li>lenyomott lefelé nyíl gomb</li>
    411. 

  411. <li>lenyomott jobbra nyíl gomb</li>
    412. 

  412. <li>kiválasztott balra nyíl gomb</li>
    413. 

  413. <li>kiválasztott lefelé nyíl gomb</li>
    414. 

  414. <li>kiválasztott jobbra nyíl gomb</li></ul>
    415. 

  415. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_skin</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_v">ui_image_t</span> <span class="hl_o">*</span><span class="hl_v">skin</span>);</code></div>
    416. 

  416. <p>Betölt egy tetszőleges bőrt. A <samp>skin[]</samp> tömbnek annyi eleműnek kell lennie, ahány UI elem van, lásd a fenti listát.</p>
    417. 

  417. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    418. 

  418. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr>
    419. 

  419. <tr><td><samp>skin</samp> </td><td>Mutató a bőr <a href="#kep" onclick="c('kep')">kép</a>ek tömbre </td></tr></table></div>
    420. 

  420. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p>
    421. 

  421. <p>Ha az <samp>stb_image.h</samp> be lett húzva az <b>ui.h</b> <i>előtt</i>, akkor a következő függvény is használható, hogy egyetlen PNG képről
    422. 

  422. töltse be az összes bőrképet:</p>
    423. 

  423. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_pngskin</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_t">uint8_t</span> <span class="hl_o">*</span><span class="hl_v">png</span>, <span class="hl_t">int</span> <span class="hl_v">size</span>);</code></div>
    424. 

  424. <p>Betölt egy tetszőleges bőrt egy csomagolt PNG fájlból.</p>
    425. 

  425. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    426. 

  426. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr>
    427. 

  427. <tr><td><samp>png</samp> </td><td>Mutató a PNG képre </td></tr>
    428. 

  428. <tr><td><samp>size</samp> </td><td>A PNG kép mérete bájtokban </td></tr></table></div>
    429. 

  429. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p>
    430. 

  430. <p>A csomagolt PNG-ben kell lennie egy kommentnek, <samp>x</samp>, <samp>y</samp>, <samp>w</samp>, <samp>h</samp> ASCII decimális számokkal minden sorban, amik területeket
    431. 

  431. jelölnek a képen. Ilyen csomagolt PNG előállítható például az <a href="https://gitlab.com/bztsrc/spratlas" target="new">sprpack</a> program <samp>-cdt</samp>
    432. 

  432. kapcsolóival:</p>
    433. 

  433. <div class="pre"><pre>
    434. 

  434. sprpack -cdt bőr.png egér.png felugró_balfelső.png felugró_felsőközép.png ...
    435. 

  435. </pre></div>
    436. 

  436. <p>Minden UI elem PNG-jét fel kell sorolni, és pontosan abban a sorrendben, ahogy fentebb látszik, máskülönben a bőr PNG nem
    437. 

  437. fog működni.</p><br style="clear:both;"><label class="btn prev" accesskey="p" for="_fontok" title="Fontok">Előző</label><label class="btn next" accesskey="n" for="_esemenykezeles" title="Eseménykezelés">Következő</label></div>
    438. 

  438. <div class="page" rel="esemenykezeles"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Eseménykezelés</li></ul><hr></div>
    439. 

  439. <h1 id="esemenykezeles">Eseménykezelés<a href="#esemenykezeles"></a></h1>
    440. 

  440. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_v">ui_event_t</span> <span class="hl_o">*</span><span class="hl_f">ui_event</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_v">ui_form_t</span> <span class="hl_o">*</span><span class="hl_v">form</span>);</code></div>
    441. 

  441. <p>Ez az SMGUI lelke, ez a függvény lekéri az eseményeket és hozzáad a megjelenítéshez egy UI réteget a megadott <a href="#elrendezes" onclick="c('elrendezes')">elrendezés</a>
    442. 

  442. szerint.</p>
    443. 

  443. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    444. 

  444. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr>
    445. 

  445. <tr><td><samp>form</samp> </td><td>Űrlap <a href="#elrendezes" onclick="c('elrendezes')">elrendezés</a> </td></tr></table></div>
    446. 

  446. <p>Ha ki kell lépni a fő ciklusból, NULL-al tér vissza, egyébként egy esemény objektummal.</p>
    447. 

  447. <p>Ha az UI-tól függetlenül megváltozott az egyik változó, amire az átadott <samp>form</samp> hivatkozik, akkor meg kell hívni az <samp>ui_refresh()</samp>
    448. 

  448. függvényt az <samp>ui_event()</samp> hívása előtt, hogy kikényszerítsünk egy <a href="#ujrarajzolas" onclick="c('ujrarajzolas')">újrarajzolás</a>t.</p>
    449. 

  449. <p>A visszaadott eseményt az <samp>evt-&gt;type</samp> alapján kell értelmezni, mivel a legtöbb eseménymező típusfüggő.</p><br style="clear:both;"><label class="btn prev" accesskey="p" for="_kinezet" title="Kinézet">Előző</label><label class="btn next" accesskey="n" for="_nincs_esemeny" title="Nincs esemény">Következő</label></div>
    450. 

  450. <div class="page" rel="nincs_esemeny"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Nincs esemény</li></ul><hr></div>
    451. 

  451. <h1 id="nincs_esemeny">Nincs esemény<a href="#nincs_esemeny"></a></h1>
    452. 

  452. <p>Semmi sem történt.</p>
    453. 

  453. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    454. 

  454. <tr><td><samp>evt-&gt;type</samp> </td><td><samp>UI_EVT_NONE</samp> (0) </td></tr></table></div><br style="clear:both;"><label class="btn prev" accesskey="p" for="_esemenykezeles" title="Eseménykezelés">Előző</label><label class="btn next" accesskey="n" for="_eger" title="Egér">Következő</label></div>
    455. 

  455. <div class="page" rel="eger"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Egér</li></ul><hr></div>
    456. 

  456. <h1 id="eger">Egér<a href="#eger"></a></h1>
    457. 

  457. <p>Ez akkor generálódik, ha egy egérgombot lenyomnak vagy felengednek.</p>
    458. 

  458. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    459. 

  459. <tr><td><samp>evt-&gt;type</samp> </td><td><samp>UI_EVT_MOUSE</samp> </td></tr>
    460. 

  460. <tr><td><samp>evt-&gt;btn</samp> </td><td>Aktuális gombstátusz </td></tr>
    461. 

  461. <tr><td><samp>evt-&gt;x</samp> </td><td>Aktuális egér X pozíció </td></tr>
    462. 

  462. <tr><td><samp>evt-&gt;y</samp> </td><td>Aktuális egér Y pozíció </td></tr></table></div>
    463. 

  463. <p>A <samp>btn</samp> mező egy bitmaszkot tartalmaz, a következő értékekkel:</p>
    464. 

  464. <div class="table"><table><tr><th>Define </th><th>Leírás </th></tr>
    465. 

  465. <tr><td><samp>UI_BTN_L</samp> </td><td>Bal egérgomb </td></tr>
    466. 

  466. <tr><td><samp>UI_BTN_M</samp> </td><td>Középső egérgomb </td></tr>
    467. 

  467. <tr><td><samp>UI_BTN_R</samp> </td><td>Jobb egérgomb </td></tr>
    468. 

  468. <tr><td><samp>UI_BTN_U</samp> </td><td>Felfelegörgetés </td></tr>
    469. 

  469. <tr><td><samp>UI_BTN_D</samp> </td><td>Lefelegörgetés </td></tr>
    470. 

  470. <tr><td><samp>UI_BTN_A</samp> </td><td>Balragörgetés </td></tr>
    471. 

  471. <tr><td><samp>UI_BTN_B</samp> </td><td>Jobbragörgetés </td></tr>
    472. 

  472. <tr><td><samp>UI_BTN_RELEASE</samp> </td><td>Ha felengedés esemény </td></tr></table></div>
    473. 

  473. <p>Ha esemény nélkül van szükség az egér pozíciójára, akkor használható az</p>
    474. 

  474. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_getmouse</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_t">int</span> <span class="hl_o">*</span><span class="hl_v">x</span>, <span class="hl_t">int</span> <span class="hl_o">*</span><span class="hl_v">y</span>);</code></div>
    475. 

  475. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    476. 

  476. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr>
    477. 

  477. <tr><td><samp>x</samp> </td><td>Mutató az X pozíció tárolásához </td></tr>
    478. 

  478. <tr><td><samp>y</samp> </td><td>Mutató az Y pozíció tárolásához </td></tr></table></div>
    479. 

  479. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p><br style="clear:both;"><label class="btn prev" accesskey="p" for="_nincs_esemeny" title="Nincs esemény">Előző</label><label class="btn next" accesskey="n" for="_gamepad" title="Gamepad">Következő</label></div>
    480. 

  480. <div class="page" rel="gamepad"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Gamepad</li></ul><hr></div>
    481. 

  481. <h1 id="gamepad">Gamepad<a href="#gamepad"></a></h1>
    482. 

  482. <p>Ez akkor generálódik, ha valamelyik gamepad státusza megváltozik.</p>
    483. 

  483. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    484. 

  484. <tr><td><samp>evt-&gt;type</samp> </td><td><samp>UI_EVT_GAMEPAD</samp> </td></tr>
    485. 

  485. <tr><td><samp>evt-&gt;btn</samp> </td><td>Aktuális gombstátusz </td></tr>
    486. 

  486. <tr><td><samp>evt-&gt;x</samp> </td><td>Bal botkar X pozíció </td></tr>
    487. 

  487. <tr><td><samp>evt-&gt;y</samp> </td><td>Bal botkar Y pozíció </td></tr>
    488. 

  488. <tr><td><samp>evt-&gt;rx</samp> </td><td>Jobb botkar X pozíció </td></tr>
    489. 

  489. <tr><td><samp>evt-&gt;ry</samp> </td><td>Jobb botkar Y pozíció </td></tr>
    490. 

  490. <tr><td><samp>evt-&gt;key[0]</samp> </td><td>Gamepad indexe ha több is lenne </td></tr></table></div>
    491. 

  491. <p>A botkarok koordinátái előjelesek, és a -32768 .. +32768 tartományba esnek. A <samp>btn</samp> mező egy bitmaszkot tartalmaz, a következő
    492. 

  492. értékekkel:</p>
    493. 

  493. <div class="table"><table><tr><th>Define </th><th>Leírás </th></tr>
    494. 

  494. <tr><td><samp>UI_BTN_A</samp> </td><td>Az 'A'/kereszt gomb státusza </td></tr>
    495. 

  495. <tr><td><samp>UI_BTN_B</samp> </td><td>Az 'B'/kör gomb státusza </td></tr>
    496. 

  496. <tr><td><samp>UI_BTN_X</samp> </td><td>Az 'X'/négyzet gomb státusza </td></tr>
    497. 

  497. <tr><td><samp>UI_BTN_Y</samp> </td><td>Az 'Y'/háromszög gomb státusza </td></tr>
    498. 

  498. <tr><td><samp>UI_BTN_L</samp> </td><td>DPad balra státusza </td></tr>
    499. 

  499. <tr><td><samp>UI_BTN_R</samp> </td><td>DPad jobbra státusza </td></tr>
    500. 

  500. <tr><td><samp>UI_BTN_U</samp> </td><td>DPad fel státusza </td></tr>
    501. 

  501. <tr><td><samp>UI_BTN_D</samp> </td><td>DPad le státusza </td></tr>
    502. 

  502. <tr><td><samp>UI_BTN_BA</samp> </td><td>Vissza gomb státusza </td></tr>
    503. 

  503. <tr><td><samp>UI_BTN_ST</samp> </td><td>Start gomb státusza </td></tr>
    504. 

  504. <tr><td><samp>UI_BTN_GU</samp> </td><td>Útmutató gomb státusza </td></tr>
    505. 

  505. <tr><td><samp>UI_BTN_LT</samp> </td><td>Balhüvelyk gomb státusza </td></tr>
    506. 

  506. <tr><td><samp>UI_BTN_RT</samp> </td><td>Jobbhüvelyk gomb státusza </td></tr>
    507. 

  507. <tr><td><samp>UI_BTN_LS</samp> </td><td>Balra shoulder gomb státusza </td></tr>
    508. 

  508. <tr><td><samp>UI_BTN_RS</samp> </td><td>Jobbra shoulder gomb státusza </td></tr></table></div><br style="clear:both;"><label class="btn prev" accesskey="p" for="_eger" title="Egér">Előző</label><label class="btn next" accesskey="n" for="_billentyuzet" title="Billentyűzet">Következő</label></div>
    509. 

  509. <div class="page" rel="billentyuzet"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Billentyűzet</li></ul><hr></div>
    510. 

  510. <h1 id="billentyuzet">Billentyűzet<a href="#billentyuzet"></a></h1>
    511. 

  511. <p>Ez akkor generálódik, ha egy billentyűt leütnek.</p>
    512. 

  512. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    513. 

  513. <tr><td><samp>evt-&gt;type</samp> </td><td><samp>UI_EVT_KEY</samp> </td></tr>
    514. 

  514. <tr><td><samp>evt-&gt;btn</samp> </td><td>Módosítók státusza </td></tr>
    515. 

  515. <tr><td><samp>evt-&gt;key</samp> </td><td>Leütött gomb </td></tr></table></div>
    516. 

  516. <p>A visszaadott gomb egy UTF-8 karakter, vagy (speciális gombok esetén) egy érvénytelen UTF-8 szekvencia a gomb nevével. A
    517. 

  517. megkülönböztetéshez meg kell nézni, hogy <samp>key[1]</samp> üres-e, és hogy a legmagasabb bit a <samp>key[0]</samp>-ban be van-e állítva
    518. 

  518. (érvényes UTF-8) vagy sem (gombnév).</p>
    519. 

  519. <div class="hint"><p><span>TIPP</span></p><p> Nincs gombleképezés, hogy megtudjuk, milyen kódot gerenál egy gomb, csak ki kell iratni a <samp>evt-&gt;key</samp> tartalmát.</p></div>
    520. 

  520. <p>A <samp>btn</samp> mező egy bitmaszkot tartalmaz, a következő értékekkel:</p>
    521. 

  521. <div class="table"><table><tr><th>Define </th><th>Leírás </th></tr>
    522. 

  522. <tr><td><samp>UI_BTN_SHIFT</samp> </td><td>Az egyik <kbd>Shift</kbd> le van nyomva </td></tr>
    523. 

  523. <tr><td><samp>UI_BTN_CONTROL</samp> </td><td>Az egyik <kbd>Control</kbd> le van nyomva </td></tr>
    524. 

  524. <tr><td><samp>UI_BTN_ALT</samp> </td><td>Az egyik <kbd>Alt</kbd> le van nyomva (jobboldalit hívják <kbd>AltGr</kbd>-nek) </td></tr>
    525. 

  525. <tr><td><samp>UI_BTN_GUI</samp> </td><td>Az egyik <kbd>GUI</kbd> le van nyomva </td></tr></table></div>
    526. 

  526. <p>A módosító gombok (<samp>LShift</samp>, <samp>RShift</samp>, <samp>LCtrl</samp>, <samp>RCtrl</samp>, <samp>LAlt</samp>, <samp>RAlt</samp>, <samp>LGui</samp> és <samp>RGui</samp>) esetén billentyűfelengedés
    527. 

  527. esemény is generálódik, ahol a <samp>UI_BTN_RELEASE</samp> be van állítva. A többi gomb nem generál ilyen eseményt.</p><br style="clear:both;"><label class="btn prev" accesskey="p" for="_gamepad" title="Gamepad">Előző</label><label class="btn next" accesskey="n" for="_rahuzott_fajl" title="Ráhúzott fájl">Következő</label></div>
    528. 

  528. <div class="page" rel="rahuzott_fajl"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Ráhúzott fájl</li></ul><hr></div>
    529. 

  529. <h1 id="rahuzott_fajl">Ráhúzott fájl<a href="#rahuzott_fajl"></a></h1>
    530. 

  530. <p>Ez akkor keletkezik, ha a felhasználó egy fájlt húz az ablakra.</p>
    531. 

  531. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    532. 

  532. <tr><td><samp>evt-&gt;type</samp> </td><td><samp>UI_EVT_DROP</samp> </td></tr>
    533. 

  533. <tr><td><samp>evt-&gt;x</samp> </td><td>Aktuális egér X pozíció </td></tr>
    534. 

  534. <tr><td><samp>evt-&gt;y</samp> </td><td>Aktuális egér Y pozíció </td></tr>
    535. 

  535. <tr><td><samp>evt-&gt;fn</samp> </td><td>A fájl elérési útja </td></tr></table></div><br style="clear:both;"><label class="btn prev" accesskey="p" for="_billentyuzet" title="Billentyűzet">Előző</label><label class="btn next" accesskey="n" for="_ablakatmeretezes" title="Ablakátméretezés">Következő</label></div>
    536. 

  536. <div class="page" rel="ablakatmeretezes"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Ablakátméretezés</li></ul><hr></div>
    537. 

  537. <h1 id="ablakatmeretezes">Ablakátméretezés<a href="#ablakatmeretezes"></a></h1>
    538. 

  538. <p>Ez akkor generálódik, ha az ablakot átméretezik.</p>
    539. 

  539. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    540. 

  540. <tr><td><samp>evt-&gt;type</samp> </td><td><samp>UI_EVT_RESIZE</samp> </td></tr>
    541. 

  541. <tr><td><samp>evt-&gt;x</samp> </td><td>Az új ablak szélesség </td></tr>
    542. 

  542. <tr><td><samp>evt-&gt;y</samp> </td><td>Az új ablak magasság </td></tr></table></div><br style="clear:both;"><label class="btn prev" accesskey="p" for="_rahuzott_fajl" title="Ráhúzott fájl">Előző</label><label class="btn next" accesskey="n" for="_vagolap" title="Vágólap">Következő</label></div>
    543. 

  543. <div class="page" rel="vagolap"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Vágólap</li></ul><hr></div>
    544. 

  544. <h1 id="vagolap">Vágólap<a href="#vagolap"></a></h1>
    545. 

  545. <h2 id="beillesztes">Beillesztés<a href="#beillesztes"></a></h2>
    546. 

  546. <p>A vágólap lekéréséhez (amikor olyan <a href="#billentyuzet" onclick="c('billentyuzet')">billentyűzet</a> esemény érkezett, amiben a gomb <samp>Paste</samp>), a következő függvény hívható:</p>
    547. 

  547. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">char</span> <span class="hl_o">*</span><span class="hl_f">ui_getclipboard</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>);</code></div>
    548. 

  548. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    549. 

  549. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr></table></div>
    550. 

  550. <p>NULL-t ad vissza, ha a vágólap üres, egyébként a vágólap tartalmát egy újonnan allokált bufferben. A hívó felelőssége
    551. 

  551. a buffer felszabadítása, ha már nincs rá szükség.</p>
    552. 

  552. <h2 id="kivagas">Kivágás<a href="#kivagas"></a></h2>
    553. 

  553. <p>A vágólap beállítására (amikor olyan billentyűzet esemény érkezett, amiben a gomb <samp>Cut</samp> vagy <samp>Copy</samp>), a következő függvény való:</p>
    554. 

  554. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">char</span> <span class="hl_o">*</span><span class="hl_f">ui_setclipboard</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_t">char</span> <span class="hl_o">*</span><span class="hl_v">str</span>);</code></div>
    555. 

  555. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    556. 

  556. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr>
    557. 

  557. <tr><td><samp>str</samp> </td><td>Vágólapra helyezendő sztring </td></tr></table></div>
    558. 

  558. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p><br style="clear:both;"><label class="btn prev" accesskey="p" for="_ablakatmeretezes" title="Ablakátméretezés">Előző</label><label class="btn next" accesskey="n" for="_elrendezes" title="Elrendezés">Következő</label></div>
    559. 

  559. <div class="page" rel="elrendezes"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Elrendezés</li></ul><hr></div>
    560. 

  560. <h1 id="elrendezes">Elrendezés<a href="#elrendezes"></a></h1>
    561. 

  561. <p>Az SMGUI nem tartalmaz azonnali kódlekezlést, sem visszahívásokat. Elhelyett feltételezi, hogy már úgyis megvannak
    562. 

  562. a változóid, és csak egy űrlapot kér, ami ezekre a változókra hivatkozik.</p>
    563. 

  563. <p>Az űrlap maga egy <samp>ui_form_t</samp> elemeket tartalmazó tömb, amiben a legutolsó elem típusa <i>MINDIG</i> <samp>UI_END</samp>. Néhány mező
    564. 

  564. általános, mások típusspecifikusak. Az általános mezők a következők:</p>
    565. 

  565. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    566. 

  566. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az adatra </td></tr>
    567. 

  567. <tr><td><samp>form-&gt;type</samp> </td><td>Űrlapelem típusa </td></tr>
    568. 

  568. <tr><td><samp>form-&gt;align</samp> </td><td>Űrlapelem igazítása </td></tr>
    569. 

  569. <tr><td><samp>form-&gt;flags</samp> </td><td>Űrlapelem jelzők (pl. láthatóság) </td></tr>
    570. 

  570. <tr><td><samp>form-&gt;x</samp> </td><td>Űrlapelem igényelt pozíció </td></tr>
    571. 

  571. <tr><td><samp>form-&gt;y</samp> </td><td>Űrlapelem igényelt pozíció </td></tr>
    572. 

  572. <tr><td><samp>form-&gt;w</samp> </td><td>Űrlapelem igényelt szélesség </td></tr>
    573. 

  573. <tr><td><samp>form-&gt;h</samp> </td><td>Űrlapelem igényelt magasság </td></tr>
    574. 

  574. <tr><td><samp>form-&gt;m</samp> </td><td>Űrlapelem margó </td></tr>
    575. 

  575. <tr><td><samp>form-&gt;p</samp> </td><td>Űrlapelem eltartás (csak tárolóknál) </td></tr></table></div>
    576. 

  576. <h2 id="mezo_jelzok">Mező jelzők<a href="#mezo_jelzok"></a></h2>
    577. 

  577. <p>Ezek szabályozzák, hogy egy űrlapelem mező hogyan jelenik meg.</p>
    578. 

  578. <ul><li><samp>UI_HIDDEN</samp> nem látszik, nem befolyásolja a normál folyamot</li>
    579. 

  579. <li><samp>UI_NOBULLET</samp> csak <a href="#kapcsolo" onclick="c('kapcsolo')">kapcsoló</a>, <a href="#pipa" onclick="c('pipa')">pipa</a> és <a href="#valaszto" onclick="c('valaszto')">választó</a>, csak a címkét jelenítsék meg</li>
    580. 

  580. <li><samp>UI_NOHEADER</samp> csak <a href="#tablazat" onclick="c('tablazat')">táblázat</a> és rács, ne rajzolja ki a fejlécet</li>
    581. 

  581. <li><samp>UI_NOBR</samp> a következő mezőt ugyanebbe a sorba kényszeríti, nincs sortörés</li>
    582. 

  582. <li><samp>UI_FORCEBR</samp> ellenkező, a következő mező mindenképp új sorba kerül</li>
    583. 

  583. <li><samp>UI_ALTSKIN</samp> olyan mezők esetén, amik több bőrt is támogatnak (pl. tab menü helyett)</li>
    584. 

  584. <li><samp>UI_NOBORDER</samp> tárolóknál, ne jelenjen meg a keret</li>
    585. 

  585. <li><samp>UI_NOSHADOW</samp> felugróknál, ne legyen árnyékuk</li>
    586. 

  586. <li><samp>UI_HSCROLL</samp> tárolóknál, jelenljen meg vízszintes szkrollozó</li>
    587. 

  587. <li><samp>UI_VSCROLL</samp> tárolóknál, jelenljen meg függőleges szkrollozó</li>
    588. 

  588. <li><samp>UI_SCROLL</samp> ugyanaz, mint az <samp>UI_HSCROLL</samp> + <samp>UI_VSCROLL</samp></li>
    589. 

  589. <li><samp>UI_DRAGGABLE</samp> felugróknál, engedélyezi, hogy a felhasználó átmozgassa</li>
    590. 

  590. <li><samp>UI_RESIZABLE</samp> felugróknál, engedélyezi, hogy a felhasználó átméretezze</li>
    591. 

  591. <li><samp>UI_SELECTED</samp> a beviteli mezőt kiválasztottként jeleníti meg</li>
    592. 

  592. <li><samp>UI_DISABLED</samp> inaktívvá teszi a mezőt, más a megjelenése és nem kattintható</li></ul>
    593. 

  593. <h2 id="pozicionalas">Pozícionálás<a href="#pozicionalas"></a></h2>
    594. 

  594. <p>Az SMGUI nem használja a szokásos pakolt sor / oszlop / négyzetrács elrendezést, helyette HTML-szerű flexibilis folyamot
    595. 

  595. alkalmaz. A koordináták megadhatók a <samp>form-&gt;x</samp> és <samp>form-&gt;y</samp> mezőkben háromféleképp: relatív, abszolút és százalékban.</p>
    596. 

  596. <ul><li>Relatív pozícionálás az alapértelmezett, de használható az <samp>UI_REL()</samp> makró is. Az így pozícionált mezők befolyásolják a folyamot.</li>
    597. 

  597. <li>Abszolút pozícionáláshoz az <samp>UI_ABS()</samp> makrót kell használni. Megváltoztatható a gravitáció is, <samp>UI_ABS_RIGHT()</samp> (jobbról) vagy <samp>UI_ABS_BOTTOM()</samp> (alulról) a szülő tároló jobb oldalától vagy aljától számítódik. A normál folyamon kívüli.</li>
    598. 

  598. <li>Százalékhoz az <samp>UI_PERCENT()</samp> makró használatos. Ez a szülő tároló méretéhez képest határozza meg a pozíciót. A normál folyamon kívüli.</li>
    599. 

  599. <li>Százalék plusz valamennyi pixelhez az <samp>UI_PERPLUS()</samp> makrót kell használni.</li></ul>
    600. 

  600. <p>Ha a <samp>form-&gt;w</samp> és <samp>form-&gt;h</samp> nincs megadva és 0, akkor a mező szélessége és magassága automatikusan számítódik. Ha az <samp>UI_ABS()</samp>
    601. 

  601. makrót használjuk ezekre, akkor az a szülő tároló szélessége (vagy magassága) mínusz a megadott érték pixelben lesz a szélesség
    602. 

  602. (vagy magasság).</p>
    603. 

  603. <p>Használható a <samp>form-&gt;align</samp> a megadott x, y koordinátákhoz való igazításhoz. Ez egy VAGY-olt bitmaszk.</p>
    604. 

  604. <ul><li><samp>UI_LEFT</samp> a mezőt úgy helyezi, hogy a <samp>form-&gt;x</samp> balra van (alapértelmezett)</li>
    605. 

  605. <li><samp>UI_RIGHT</samp> a mezőt úgy helyezi, hogy a <samp>form-&gt;x</samp> jobbra van</li>
    606. 

  606. <li><samp>UI_CENTER</samp> a mezőt úgy helyezi, hogy a <samp>form-&gt;x</samp> középre kerül</li>
    607. 

  607. <li><samp>UI_TOP</samp> a mezőt úgy helyezi, hogy a <samp>form-&gt;y</samp> felülre kerül (alapértelmezett)</li>
    608. 

  608. <li><samp>UI_BOTTOM</samp> a mezőt úgy helyezi, hogy a <samp>form-&gt;y</samp> alulra kerül</li>
    609. 

  609. <li><samp>UI_MIDDLE</samp> a mezőt úgy helyezi, hogy a <samp>form-&gt;y</samp> középre kerül</li></ul>
    610. 

  610. <p>Példák:</p>
    611. 

  611. <div class="pre"><pre class="lineno">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br></pre><code><span class="hl_v">ui_form_t</span> <span class="hl_v">form</span>[] <span class="hl_o">=</span> {
    612. 

  612.     <span class="hl_c">/* ezek szorosan egymás mellé kerülnek, balról jobbra,
    613. 

  613.      * csak akkor új sorba, ha muszáj */</span>
    614. 

  614.     { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_LABEL</span>, <span class="hl_o">.</span><span class="hl_v">label</span> <span class="hl_o">=</span> <span class="hl_n">1</span> },
    615. 

  615.     { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_LABEL</span>, <span class="hl_o">.</span><span class="hl_v">label</span> <span class="hl_o">=</span> <span class="hl_n">1</span> },
    616. 

  616.     <span class="hl_c">/* ezek szintén egymás mellé kerülnek, de eltartással */</span>
    617. 

  617.     { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_LABEL</span>, <span class="hl_o">.</span><span class="hl_v">x</span> <span class="hl_o">=</span> <span class="hl_f">UI_REL</span>(<span class="hl_n">10</span>), <span class="hl_o">.</span><span class="hl_v">label</span> <span class="hl_o">=</span> <span class="hl_n">1</span> },
    618. 

  618.     <span class="hl_c">/* ez abszolút pozícióra kerül */</span>
    619. 

  619.     { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_LABEL</span>, <span class="hl_o">.</span><span class="hl_v">x</span> <span class="hl_o">=</span> <span class="hl_f">UI_ABS</span>(<span class="hl_n">100</span>), <span class="hl_o">.</span><span class="hl_v">y</span> <span class="hl_o">=</span> <span class="hl_f">UI_ABS</span>(<span class="hl_n">100</span>), <span class="hl_o">.</span><span class="hl_v">label</span> <span class="hl_o">=</span> <span class="hl_n">1</span> },
    620. 

  620.     <span class="hl_c">/* ez az ablak közepére kerül */</span>
    621. 

  621.     { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_LABEL</span>, <span class="hl_o">.</span><span class="hl_v">align</span> <span class="hl_o">=</span> <span class="hl_v">UI_CENTER</span> <span class="hl_o">|</span> <span class="hl_v">UI_MIDDLE</span>,
    622. 

  622.         <span class="hl_o">.</span><span class="hl_v">x</span> <span class="hl_o">=</span> <span class="hl_f">UI_PERCENT</span>(<span class="hl_n">50</span>), <span class="hl_o">.</span><span class="hl_v">y</span> <span class="hl_o">=</span> <span class="hl_f">UI_PERCENT</span>(<span class="hl_n">50</span>), <span class="hl_o">.</span><span class="hl_v">label</span> <span class="hl_o">=</span> <span class="hl_n">1</span> },
    623. 

  623.     <span class="hl_c">/* ez ablak szélesség - 20 és ablak magasság - 20 méretű lesz */</span>
    624. 

  624.     { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_POPUP</span>, <span class="hl_o">.</span><span class="hl_v">x</span> <span class="hl_o">=</span> <span class="hl_f">UI_ABS</span>(<span class="hl_n">10</span>), <span class="hl_o">.</span><span class="hl_v">y</span> <span class="hl_o">=</span> <span class="hl_f">UI_ABS</span>(<span class="hl_n">10</span>),
    625. 

  625.         <span class="hl_o">.</span><span class="hl_v">w</span> <span class="hl_o">=</span> <span class="hl_f">UI_ABS</span>(<span class="hl_n">20</span>), <span class="hl_o">.</span><span class="hl_v">h</span> <span class="hl_o">=</span> <span class="hl_f">UI_ABS</span>(<span class="hl_n">20</span>), <span class="hl_o">.</span><span class="hl_v">ptr</span> <span class="hl_o">=</span> <span class="hl_o">&amp;</span><span class="hl_v">popupform</span> },
    626. 

  626.     <span class="hl_c">/* fontos, hogy zárjuk a listát */</span>
    627. 

  627.     { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_END</span> }
    628. 

  628. };</code></div>
    629. 

  629. <h2 id="tobbszalusag">Többszálúság<a href="#tobbszalusag"></a></h2>
    630. 

  630. <p>Mivel az űrlap csupán csak hivatkozik a változókra, ezért simán működik az, hogy az egyik szálon van megjelenítve az elrendezés
    631. 

  631. és egy másik szálon történik a változók kezelése. Ugyanakkor ha magát az űrlapot szeretnénk dinamikusan változtatni egy másik
    632. 

  632. szálból, akkor az a fejlesztő felelőssége, hogy ilyenkor megfelelően szemaforokkal védje az űrlapját. Például:</p>
    633. 

  633. <div class="pre"><pre class="lineno">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br></pre><code><span class="hl_v">ui_form_t</span> <span class="hl_v">form</span>[];
    634. 

  634. 

  635. <span class="hl_c">/* ez a funkció bármelyik szálról hívható */</span>
    636. 

  636. <span class="hl_t">void</span> <span class="hl_f">regenerate_form</span>()
    637. 

  637. {
    638. 

  638.     <span class="hl_f">mutex_lock</span>(<span class="hl_o">&amp;</span><span class="hl_v">my_form_mutex</span>);
    639. 

  639.     <span class="hl_c">/* itt lehet módosítani a form[] tömböt */</span>
    640. 

  640.     <span class="hl_f">mutex_unlock</span>(<span class="hl_o">&amp;</span><span class="hl_v">my_form_mutex</span>);
    641. 

  641. }
    642. 

  642. 

  643. <span class="hl_c">/* ez pedig a fő szálon a fő ciklusban */</span>
    644. 

  644.     <span class="hl_f">mutex_lock</span>(<span class="hl_o">&amp;</span><span class="hl_v">my_form_mutex</span>);
    645. 

  645.     <span class="hl_v">evt</span> <span class="hl_o">=</span> <span class="hl_f">ui_event</span>(<span class="hl_o">&amp;</span><span class="hl_v">ctx</span>, <span class="hl_v">form</span>);
    646. 

  646.     <span class="hl_f">mutex_unlock</span>(<span class="hl_o">&amp;</span><span class="hl_v">my_form_mutex</span>);</code></div>
    647. 

  647. <p>Mivel az SMGUI maga semmilyen threading függvénykönyvtárat nem használ, ezért bármelyik threading és mutex implementáció
    648. 

  648. használható vele. Az SDL motor például biztosít egy <samp>SDL_Mutex</samp> típust, GLFW esetén meg használható a pthread függvénykönyvtár.</p>
    649. 

  649. <h2 id="ujrarajzolas">Újrarajzolás<a href="#ujrarajzolas"></a></h2>
    650. 

  650. <p>Az újrarajzolás az <a href="#esemenykezeles" onclick="c('esemenykezeles')">eseménykezelés</a> hívásakor automatikusan megtörténik, ha szükség van rá, és ennyi. De ha valamelyik hivatkozott
    651. 

  651. változó az UI látókörén kívül módosul, akkor szükséges a következő függvény hívása:</p>
    652. 

  652. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">int</span> <span class="hl_f">ui_refresh</span>(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>);</code></div>
    653. 

  653. <p>Jelzi az UI-nak, hogy szükség van az újrarajzolásra.</p>
    654. 

  654. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    655. 

  655. <tr><td><samp>ctx</samp> </td><td>Mutató az UI kontextusra </td></tr></table></div>
    656. 

  656. <p>Siker esetén 0-val tér vissza, egyébként hibakóddal.</p><br style="clear:both;"><label class="btn prev" accesskey="p" for="_vagolap" title="Vágólap">Előző</label><label class="btn next" accesskey="n" for="_tarolok" title="Tárolók">Következő</label></div>
    657. 

  657. <div class="page" rel="tarolok"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Tárolók</li></ul><hr></div>
    658. 

  658. <h1 id="tarolok">Tárolók<a href="#tarolok"></a></h1>
    659. 

  659. <p>Ha egy tárolót egy <a href="#kapcsolo" onclick="c('kapcsolo')">kapcsoló</a> mező előz meg, akkor az a kapcsoló ennek a tárolónak a láthatóságát fogja kapcsolni.</p>
    660. 

  660. <h2 id="felugro">Felugró<a href="#felugro"></a></h2>
    661. 

  661. <img class="imgl" width="40" height="31" alt="ui_popup.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAfCAYAAACVgY94AAAAuklEQVRYw+3X0QnEIAwG4Hi4iBPEiZyls7mAyQaO4Aa9lxMKp54cV81B/qealvoRS6AmhHCCkOScIcZorjVbb0hIKeWtZuuF9/6WTYlo6t1E1Kw/QHjsys2YGRCxu37l2NZBRARmHuH2H3FFzuC2ACuudlIU8Nq5WeTyb3C0/u8x0xuUvxrW30Z8BxWoQAUqUIFC4pyTC+zhRABHuO3AT7itwBkcAIDNOTd/mO9OSmnqOdOoHTpmFLgwT81vPn3xojzHAAAAAElFTkSuQmCC">
    662. 

  662. <p>Kirajzol egy felugrót.</p>
    663. 

  663. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    664. 

  664. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_POPUP</samp> </td></tr>
    665. 

  665. <tr><td><samp>form-&gt;flags</samp> </td><td>Esetleg <samp>UI_HIDDEN</samp>, <samp>UI_DRAGGABLE</samp> vagy <samp>UI_RESIZABLE</samp> </td></tr>
    666. 

  666. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató egy másik <samp>ui_form_t</samp> bufferre </td></tr>
    667. 

  667. <tr><td><samp>form-&gt;m</samp> </td><td>Margó pixelekben </td></tr>
    668. 

  668. <tr><td><samp>form-&gt;p</samp> </td><td>Eltartás pixelekben </td></tr>
    669. 

  669. <tr><td><samp>form-&gt;label</samp> </td><td>Cím, lokalizált sztringtömb index (vagy 0) </td></tr></table></div>
    670. 

  670. <h2 id="menu">Menü<a href="#menu"></a></h2>
    671. 

  671. <img class="imgl" width="40" height="31" alt="ui_menu.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAfCAYAAACVgY94AAAAYUlEQVRYw+3XsQnAQAxD0XO4OT1LZvMkGsEbJFUgkMClCaj4Ku3mgSpFZh7DJJJGVcX9Nq+HQ7r7cduGeeyB09C0UzFAgAABAgQIECBAgAABfl11kl4Hs0tiNfuoGODPOQHi4RMjCDG2swAAAABJRU5ErkJggg==">
    672. 

  672. <p>Ugyanaz, mint a felugró, de alapból <samp>UI_HIDDEN</samp>, azaz elrejtett és egyszerre csak egy menü lehet megjelenítve. A gyerek
    673. 

  673. <a href="#pipa" onclick="c('pipa')">pipa</a> és <a href="#valaszto" onclick="c('valaszto')">választó</a> mezői ki lesznek emelve, amikor az egér föléjük kerül.</p>
    674. 

  674. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    675. 

  675. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_MENU</samp> </td></tr>
    676. 

  676. <tr><td><samp>form-&gt;flags</samp> </td><td>Esetleg <samp>UI_SCROLL</samp> </td></tr>
    677. 

  677. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató egy másik <samp>ui_form_t</samp> bufferre </td></tr>
    678. 

  678. <tr><td><samp>form-&gt;m</samp> </td><td>Margó pixelekben </td></tr>
    679. 

  679. <tr><td><samp>form-&gt;p</samp> </td><td>Eltartás pixelekben </td></tr></table></div>
    680. 

  680. <h2 id="divizio">Divízió<a href="#divizio"></a></h2>
    681. 

  681. <p>Nem rajzol ki semmit, csak csoportosíthatóvá teszi a mezőket, hogy egyszerre lehessen őket megjeleníteni / elrejteni meg
    682. 

  682. pozícionálni.</p>
    683. 

  683. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    684. 

  684. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_DIV</samp> </td></tr>
    685. 

  685. <tr><td><samp>form-&gt;flags</samp> </td><td>Esetleg <samp>UI_SCROLL</samp> </td></tr>
    686. 

  686. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató egy másik <samp>ui_form_t</samp> bufferre </td></tr>
    687. 

  687. <tr><td><samp>form-&gt;m</samp> </td><td>Margó pixelekben </td></tr>
    688. 

  688. <tr><td><samp>form-&gt;p</samp> </td><td>Eltartás pixelekben </td></tr></table></div>
    689. 

  689. <h2 id="tablazat">Táblázat<a href="#tablazat"></a></h2>
    690. 

  690. <p>Adatmezőket rajzol ki táblázat vagy rács formájában. Be kell húzni hozzá az <b>ui_table.h</b> modult.</p>
    691. 

  691. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    692. 

  692. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_TABLE</samp> </td></tr>
    693. 

  693. <tr><td><samp>form-&gt;flags</samp> </td><td>Esetleg <samp>UI_SCROLL</samp> vagy <samp>UI_NOHEADER</samp> </td></tr>
    694. 

  694. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az adatokra </td></tr>
    695. 

  695. <tr><td><samp>form-&gt;tblsel</samp> </td><td>A kiválasztott adatrekord indexe </td></tr>
    696. 

  696. <tr><td><samp>form-&gt;tblnum</samp> </td><td>Adatrekordok száma </td></tr>
    697. 

  697. <tr><td><samp>form-&gt;tblsiz</samp> </td><td>Egy adatrekord mérete bájtokban </td></tr>
    698. 

  698. <tr><td><samp>form-&gt;tblrow</samp> </td><td>Sor mérete pixelekben </td></tr>
    699. 

  699. <tr><td><samp>form-&gt;tblcol</samp> </td><td>Oszlop mérete pixelekben (rács esetén, egyébként 0) </td></tr>
    700. 

  700. <tr><td><samp>form-&gt;data</samp> </td><td>Mutató az <samp>ui_form_t</samp> fejléclistára </td></tr>
    701. 

  701. <tr><td><samp>form-&gt;cmps</samp> </td><td>Összehasonlító függvények rendezéshez (vagy NULL) </td></tr>
    702. 

  702. <tr><td><samp>form-&gt;m</samp> </td><td>Cellamargó pixelekben </td></tr></table></div>
    703. 

  703. <p>A <samp>form-&gt;ptr</samp> mutat az adatrekordokra, ami táblázat esetén valószínűleg egy struktúrákat tartalmazó tömb. A <samp>form-&gt;data</samp>
    704. 

  704. listának legalább egy UI mezőt kell tartalmaznia, és <i>MINDIG</i> egy <samp>UI_END</samp> mezővel kell lezárni. Ez tárolja a <samp>hdr</samp>
    705. 

  705. fejléceket, valamint megadja az adott oszlop megjelenítését. Táblázathoz a <samp>form-&gt;tblcol</samp> értékét 0-ára kell állítani, és
    706. 

  706. ilyenkor valószínűleg a <samp>form-&gt;data</samp> több fejlécet fog tartalmazni. Rács esetén a <samp>form-&gt;tblcol</samp> nem nulla és ilyenkor
    707. 

  707. egységesen minden cellához az első <samp>form-&gt;data</samp> fejléc használatos.</p>
    708. 

  708. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    709. 

  709. <tr><td><samp>hdr-&gt;type</samp> </td><td>A cella megjelenítésének típusa </td></tr>
    710. 

  710. <tr><td><samp>hdr-&gt;tblhdr</samp> </td><td>Fejléc cím, lokalizált sztringtömb index </td></tr>
    711. 

  711. <tr><td><samp>hdr-&gt;tblofs</samp> </td><td>A mező adatrekordon belüli címe (csak táblázat esetén) </td></tr>
    712. 

  712. <tr><td><samp>hdr-&gt;flags</samp> </td><td><samp>UI_POINTER</samp>, ha az oszlop mezője egy mutató </td></tr>
    713. 

  713. <tr><td><samp>hdr-&gt;w</samp> </td><td>Oszlop szélessége, használható <samp>UI_PERCENT</samp> </td></tr></table></div>
    714. 

  714. <p>A rendezés engedélyezéséhez kétszer annyi komparátor funkciót kell megadni, mint ahány fejlécmező van. Oszloponként az
    715. 

  715. első a növekvő, a második a csökkenő sorrendért felel.</p>
    716. 

  716. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">typedef</span> <span class="hl_t">int</span> (<span class="hl_o">*</span><span class="hl_f">ui_comp</span>)(<span class="hl_v">const</span> <span class="hl_t">void</span> <span class="hl_o">*</span><span class="hl_v">a</span>, <span class="hl_v">const</span> <span class="hl_t">void</span> <span class="hl_o">*</span><span class="hl_v">b</span>);</code></div>
    717. 

  717. <p>A prototípusuk a szabványos POSIX komparátoré, a libc <samp>qsort()</samp> gyorsrendezés függvényének adódnak át paraméterül.</p><br style="clear:both;"><label class="btn prev" accesskey="p" for="_elrendezes" title="Elrendezés">Előző</label><label class="btn next" accesskey="n" for="_cimkek" title="Cimkék">Következő</label></div>
    718. 

  718. <div class="page" rel="cimkek"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Cimkék</li></ul><hr></div>
    719. 

  719. <h1 id="cimkek">Cimkék<a href="#cimkek"></a></h1>
    720. 

  720. <h2 id="cimke">Cimke<a href="#cimke"></a></h2>
    721. 

  721. <img class="imgl" width="48" height="19" alt="ui_label.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAATAQMAAADs9BxcAAAABlBMVEUAAAD///+l2Z/dAAAAOUlEQVQI12NgIAz4mYBEAgMbG5B6AKYYgZR8+/EEkCBP+gcQxf9sA5jHhkydSQNS/Mztxwx/4LMAAGNjD5BvmPyHAAAAAElFTkSuQmCC">
    722. 

  722. <p>Kirajzol egy szöveg cimkét. Ha a <samp>form-&gt;label</samp> 0, akkor a <samp>form-&gt;ptr</samp> egy nullával lezárt UTF-8 sztringre kell mutasson.</p>
    723. 

  723. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    724. 

  724. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_LABEL</samp> </td></tr>
    725. 

  725. <tr><td><samp>form-&gt;label</samp> </td><td>Lokalizált sztringtömb indexe (vagy 0) </td></tr>
    726. 

  726. <tr><td><samp>form-&gt;ptr</samp> </td><td>Csak ha <samp>label</samp> 0, mutató egy sztringre </td></tr></table></div>
    727. 

  727. <h2 id="statusz">Státusz<a href="#statusz"></a></h2>
    728. 

  728. <img class="imgl" width="48" height="19" alt="ui_label.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAATAQMAAADs9BxcAAAABlBMVEUAAAD///+l2Z/dAAAAOUlEQVQI12NgIAz4mYBEAgMbG5B6AKYYgZR8+/EEkCBP+gcQxf9sA5jHhkydSQNS/Mztxwx/4LMAAGNjD5BvmPyHAAAAAElFTkSuQmCC">
    729. 

  729. <p>Kirajzol egy szöveg cimkét. Ugyanaz, mint az <samp>UI_LABEL</samp>, csak <samp>form-&gt;label</samp> helyett annak a mezőnek a <samp>form-&gt;desc</samp> értékét
    730. 

  730. használja, ami fölött az egér tartózkodik. Ha ez 0, akkor a <samp>form-&gt;ptr</samp> egy nullával lezárt UTF-8 sztringre kell mutasson.</p>
    731. 

  731. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    732. 

  732. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_STATUS</samp> </td></tr>
    733. 

  733. <tr><td><samp>form-&gt;ptr</samp> </td><td>Csak ha <samp>hover-&gt;desc</samp> 0, mutató egy sztringre </td></tr>
    734. 

  734. <tr><td><samp>hover-&gt;desc</samp> </td><td>Lokalizált sztringtömb indexe (vagy 0) </td></tr></table></div>
    735. 

  735. <h2 id="decimalis">Decimális<a href="#decimalis"></a></h2>
    736. 

  736. <img class="imgl" width="48" height="19" alt="ui_dec.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAATAQMAAADs9BxcAAAABlBMVEUAAAD///+l2Z/dAAAAKUlEQVQI12NgIAowfjAAUcwSBWCuxAcIBRZkgMjBeCgUM4Ri/PAHn+kAsxwHLTWt8L4AAAAASUVORK5CYII=">
    737. 

  737. <p>Kirajzol egy értéket tízes számrendszerben. A szám a define végén jelzi, hogy hány biten tárolódik az érték.</p>
    738. 

  738. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    739. 

  739. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_DEC8</samp> / <samp>UI_DEC16</samp> / <samp>UI_DEC32</samp> / <samp>UI_DEC64</samp> </td></tr>
    740. 

  740. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az értékre </td></tr></table></div>
    741. 

  741. <h2 id="hexadecimalis">Hexadecimális<a href="#hexadecimalis"></a></h2>
    742. 

  742. <img class="imgl" width="48" height="19" alt="ui_hex.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAATAQMAAADs9BxcAAAABlBMVEUAAAD///+l2Z/dAAAAKUlEQVQI12NgIA4ceAAiGQ9uAFHMByeABQ82gKnDB5B52CjmzwfwGQ4AVQ4N5XDbuLQAAAAASUVORK5CYII=">
    743. 

  743. <p>Kirajzol egy értéket tizenhatos számrendszerben. A szám a define végén jelzi, hogy hány biten tárolódik az érték.</p>
    744. 

  744. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    745. 

  745. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_HEX8</samp> / <samp>UI_HEX16</samp> / <samp>UI_HEX32</samp> / <samp>UI_HEX64</samp> </td></tr>
    746. 

  746. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az értékre </td></tr></table></div>
    747. 

  747. <h2 id="folyamatjelzo">Folyamatjelző<a href="#folyamatjelzo"></a></h2>
    748. 

  748. <img class="imgl" width="66" height="24" alt="ui_pbar.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAYBAMAAAC8bzZKAAAAGFBMVEUAAAAAAF4AAH4AAK0eHh4uLi5eXl7///+0lNv+AAAAnklEQVQoz73SQQrDIBAF0Kyy7xE6G/ftFULdhoZeoQcQ4V+/f9TiaIMECvkxbnzojDhN5+Q1zEqx3WtuS5+HCqm5DgQ4ELLw2BEO4oIgC/j4K4A0J8F18FuiFS4gzVb4RkDr4F9E1ELQnAJWqYUYUWppexGpp5QtGsEtjPi20wn2oiswxtxHcCwmC59a7cSBW/9PPC8mu2J+D3PSO/4AcAiTNmDMxCEAAAAASUVORK5CYII=">
    749. 

  749. <p>Kirajzol egy 64 bites egész számot folyamatjelzőként.</p>
    750. 

  750. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    751. 

  751. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_PBAR</samp> </td></tr>
    752. 

  752. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató egy int64 értékre </td></tr>
    753. 

  753. <tr><td><samp>form-&gt;max</samp> </td><td>Teljes érték </td></tr></table></div>
    754. 

  754. <h2 id="lebegopontos">Lebegőpontos<a href="#lebegopontos"></a></h2>
    755. 

  755. <img class="imgl" width="48" height="19" alt="ui_dec_float.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAATAQMAAADs9BxcAAAABlBMVEUAAAD///+l2Z/dAAAAQElEQVQI12NgIALwNzAcMGBgkDjAeKAAyD3AfOADiGI4uIGBgb2B4bABmHf4B5g6YACnJA42gCj+xuYPFfjMBwDUaBRG4IU5mAAAAABJRU5ErkJggg==">
    756. 

  756. <p>Kirajzol egy lebegőpontos értéket.</p>
    757. 

  757. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    758. 

  758. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_DEC_FLOAT</samp> </td></tr>
    759. 

  759. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az értékre </td></tr></table></div>
    760. 

  760. <h2 id="kep">Kép<a href="#kep"></a></h2>
    761. 

  761. <img class="imgl" width="23" height="24" alt="ui_image.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAMAAAAmopZHAAAC/VBMVEUAAAAFAAAAAgAVBQAQBwAUDQMjEQApEwAqFAArFAAnFgguFwAuGwApHAcxHQA4HwMxIgJAJgZBJwdELxpIOSF/RgCBRwB8SRGMSwCUVxyaVw2cWAOYWg2ZWw+aXAOaXBChXQmEYz2fYACTZhKiYwCTZDakZAGlZQKmZgSsZQmnZwWqagu3aQCobQurayGhbiaobimicwupbyqjdA2bdFqqdSafdlfIcQCbe0Cxexu8fQjJeBvPdxPReASLhH7LehLSeQbOfAShgnDPfQbHfS+6gyzEhAK1iRvRfyzdggXPgy3egwfEhzq1jx/ghAnhhQDCjgnDjwDShjjHjQ7GiUOoj3vLkACfko3hiwDijADeiiezmCXniwHojAPjjRTZjT7mjwO8myDjkgPJmgnLmwvOngDcmRjanASsnpndmhnRoADwlwDrmgDunAHQpQXloADknxLvnQTloBTwngfmoRbzoADyoAvuogrpoxn/nwLLrR7KrSnwpCvupw+zrabOsCLzphP1pwDoqR39oxi8rKH1pxXpqh/Isj74pS/5qwburhbYtDTrsRf8rQ3srkn9rxD/sBPmtEL6shH8sxP9sED+tRfquE7FvK/+vB3Ewcb/vR//vCv/viH9wS7Nxr//xCb9xiXRycLrzyL/ySn/yTX9zCru0ifUzcX/zzj/0C7/0Dn80i390yH/0Ev/0U3+1DD/1ST22SL91EX81E361zHc1M382DL92Sf/1k/92TP/2ij63Cf/11n/2yr+12D83ir/3EL+3FP+3Fvi29T/4S/Z3uH93mvj3dzb3+Ld39zc4OP05lb+41f941/+5zP151je4+X95G/851H/6TX/6UD86zX87EH96WP+7Tfq5eT77FT96mz96nP87VX/6YH+7k388kX+8Gj97ov/8Wn782H98Jr99WP79nP893T793v+9ZD++G36+Ir8+IP/9pH/+W7/9az796X/9qb/+Jn8+Kb9+af/+aH8+a78+rX7+739+7b6/MP9+9H9/Nj+/dnCdRsJAAAB3UlEQVQoz2Ngwg4YoDSrgMW0idMsBFhRxZVTVtz7+OHjo3Upykji/H0rnv75++/v379/Pq3o44eKM/JVHPry49fP379///zx4/uxfB5GsLhIzdpX7z5//vb169dvnz+/e7WvRgQkzqg3++Kd5y/fvn375u3bly+f374zW48RKM47ZfPZ6w9fv3/x8uXLF+8fP7x+dk8HF1Ccs3nTjjO3znc/efbs2d3285fOHNxcyQkUN+pdsunAFUOx6gcP7kdL+F47sGnJBAOguGPv3JXbjhgqVd84dzVRxf3c+pVzex2B4g69sxas3LWoaveRI0c21i/btXLBrF5boLht44z5i9ds2LVr134g3rBm8fxZnQ5AcfPSqU09q7dt2wkE2zZsW9rVNrXUHCjukj3ZNdzMMjArLy8vNcDUxC54UqE1UFwwpjNs5olTF5bPmzdv+YUTJ+rSG2IFgeLMOjm1qqEtCw8fv3ly6/QMJ/3enCg2UPiIepanySlIy8rKy0pJq2mUFHpLQsLZI7IwTUlDW0MDiNWKCuO8hCHhzGkTkVtkpauhpKHr1pobZ8/JCI0XznjvpNyyooKissIk7yBueHwxMolrevsnJMT6e2uKA3lI8c7CqRjiE6LIyYKWHtABAHI8zlZkUGOOAAAAAElFTkSuQmCC">
    762. 

  762. <p>Kirajzol egy ikont képpel. Ha a <samp>form-&gt;ptr</samp> nem NULL, akkor kattintható és úgy viselkedik, mint egy <a href="#gomb" onclick="c('gomb')">gomb</a>.</p>
    763. 

  763. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    764. 

  764. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_IMAGE</samp> </td></tr>
    765. 

  765. <tr><td><samp>form-&gt;icon</samp> </td><td>Mutató egy <samp>ui_image_t</samp> struct-ra </td></tr>
    766. 

  766. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az int értékre (vagy NULL) </td></tr>
    767. 

  767. <tr><td><samp>form-&gt;value</samp> </td><td>A cimke int értéke </td></tr></table></div>
    768. 

  768. <p>Az <samp>ui_image_t</samp> képstruktúra pedig a következő:</p>
    769. 

  769. <div class="table"><table><tr><th>Mező </th><th>Leírás </th></tr>
    770. 

  770. <tr><td><samp>w</samp> </td><td>Szélesség pixelekben </td></tr>
    771. 

  771. <tr><td><samp>h</samp> </td><td>Magasság pixelekben </td></tr>
    772. 

  772. <tr><td><samp>p</samp> </td><td>Rasztersor bájtokban (legalább w * 4) </td></tr>
    773. 

  773. <tr><td><samp>buf</samp> </td><td>Pixelbuffer 32 bites RGBA színkódokkal </td></tr></table></div><br style="clear:both;"><label class="btn prev" accesskey="p" for="_tarolok" title="Tárolók">Előző</label><label class="btn next" accesskey="n" for="_bevitel" title="Bevitel">Következő</label></div>
    774. 

  774. <div class="page" rel="bevitel"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Bevitel</li></ul><hr></div>
    775. 

  775. <h1 id="bevitel">Bevitel<a href="#bevitel"></a></h1>
    776. 

  776. <h2 id="szoveg">Szöveg<a href="#szoveg"></a></h2>
    777. 

  777. <img class="imgl" width="161" height="20" alt="ui_text.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKEAAAAUAgMAAACYOLXjAAAADFBMVEUeHh4uLi5eXl7AwMB3Lt90AAAAvklEQVQoz73SwQ3CMAwFUEse4O/BlaulsAT7dB6msNQBukqkXi0ZO6QFBIhcwJc27VPtn5TOg0V0orGafiPtcc36/B63S2lSBiRe5YfapOtaYVjykYqx86xWo4FH2xI35GQpWWsRAVyzOwCeZ/UYH7GiGj15Ye1SpDiOXbLGN1dpQ4fMTrhLEtolWZdk3yQ2ibcSu2xzptzn7NIju1Nkz71EbEJEttqCRHbN7LyqvZ4mhs99XBb95193uIzVdAUnAJPWDFHitgAAAABJRU5ErkJggg==">
    778. 

  778. <p>Kirajzol egy szövegbeviteli mezőt. A bufferben egy nullával lezárt UTF-8 sztringnek kell lennie. Alapból bármilyen
    779. 

  779. nem vezérlőkaraktert elfogad, de ez tovább szűkíthető: <samp>UI_FILTER_ID</samp> (egy UNIX azonosító), <samp>UI_FILTER_VAR</samp> (változónév,
    780. 

  780. mint a UNIX azonosító, csak nem kezdődhet számmal), <samp>UI_FILTER_EXPR</samp> (kifejezés, mint a változó plusz zárójelek és
    781. 

  781. operátorok), és <samp>UI_FILTER_HEX</samp> (csak a hexadecimálishoz szükséges 0-9A-F gombokat engedi). Az <samp>UI_FILTER_PASS</samp> nem a
    782. 

  782. bementet, hanem a kimenetet szűri, csillagokat jelenít meg. Beillesztés is működik. Ha az <b>ui_textosk.h</b> modul be
    783. 

  783. van húzva, akkor bevitelkor megjelenít szoftveresen egy billentyűzetet a képernyőn, egyébként az OS-specifikus OSK csak
    784. 

  784. akkor jelenik meg, ha a platform támogatja azt.</p>
    785. 

  785. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    786. 

  786. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_TEXT</samp> </td></tr>
    787. 

  787. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató a bufferre </td></tr>
    788. 

  788. <tr><td><samp>form-&gt;max</samp> </td><td>A buffer mérete </td></tr>
    789. 

  789. <tr><td><samp>form-&gt;inc</samp> </td><td>0 bármi, vagy valamelyik <samp>UI_FILTER_x</samp> filter </td></tr></table></div>
    790. 

  790. <h2 id="valasztodoboz">Választódoboz<a href="#valasztodoboz"></a></h2>
    791. 

  791. <img class="imgl" width="72" height="24" alt="ui_select.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAYBAMAAACrTaaDAAAAG1BMVEUAAAAeHh4fHx8uLi4vLy9GRkZeXl5fX1/AwMDtzPodAAAAb0lEQVQoz2NgoB4wJgQMgYoMBbEDsTQoCMOnKBQKzAatoo6ORsEOiQ5BMAOHIgmgEkGJRhAEMpAVhbi4uGAo6uhAU6SkpI7FJDQ3OSmVElYUok7YTaGhpSi+gyjB7bshFHeisJQJUgRPgTgBFfMKABq3e4922WHmAAAAAElFTkSuQmCC">
    792. 

  792. <p>Kirajzol egy választódobozt. Ha rákattintanak, akkor az opciók egy felugróban jelennek meg.</p>
    793. 

  793. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    794. 

  794. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_SELECT</samp> </td></tr>
    795. 

  795. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az int értékre </td></tr>
    796. 

  796. <tr><td><samp>form-&gt;optc</samp> </td><td>Maximum érték plusz 1, opciók száma </td></tr>
    797. 

  797. <tr><td><samp>form-&gt;optv</samp> </td><td>Mutató egy sztringtömbre, opciók </td></tr>
    798. 

  798. <tr><td><samp>form-&gt;m</samp> </td><td>Jobb margó </td></tr></table></div>
    799. 

  799. <h2 id="opciolista">Opciólista<a href="#opciolista"></a></h2>
    800. 

  800. <img class="imgl" width="92" height="24" alt="ui_option.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAYBAMAAACFCIcRAAAAG1BMVEUAAAAeHh4fHx8uLi4vLy9GRkZeXl5fX1/AwMDtzPodAAAAmElEQVQ4y2NgoC0wJh4YApWbpUFBoCAOIAZTEQZSHgoFhjiVw1SYDUrlToSUqyArD1EHK+/oaBTskOgQBDNQlSu5Iil3AiuXACoWlGgEQSADTbkKQnmIEpryjg4M5UqlCNOVMExHdztYBUx5EGHlpcghQ9Dt6ljCHRQgEMUYITOIEwHxyk3heQWXclGYCpByeF4hAtC4HAAAsFCzh5Bm2IEAAAAASUVORK5CYII=">
    801. 

  801. <p>Kirajzol egy opciólistát. Pont, mint a választódoboz, csak számbekérő megjelenéssel, nincs felugró.</p>
    802. 

  802. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    803. 

  803. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_OPTION</samp> </td></tr>
    804. 

  804. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az int értékre </td></tr>
    805. 

  805. <tr><td><samp>form-&gt;optc</samp> </td><td>Maximum érték plusz 1, opciók száma </td></tr>
    806. 

  806. <tr><td><samp>form-&gt;optv</samp> </td><td>Mutató egy sztringtömbre, opciók </td></tr>
    807. 

  807. <tr><td><samp>form-&gt;m</samp> </td><td>Bal és jobb margó </td></tr></table></div>
    808. 

  808. <h2 id="lebegopont">Lebegőpont<a href="#lebegopont"></a></h2>
    809. 

  809. <img class="imgl" width="98" height="24" alt="ui_float.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAAYBAMAAADzMjWaAAAAG1BMVEUAAAAeHh4fHx8uLi4vLy9GRkZeXl5fX1/AwMDtzPodAAAAs0lEQVQ4y2NgoAcwJgkYAnWYpUFBoCBuIAZTFAbSEQoFhvh0wBSZUUOHREcHVJVEI5QAYnw6OiAqQaxGKNGBTYcTkqugOiRAikGEBFSHCrKOEHVMHWC6A8lVSq5IOpyQdCD7Q6IRWYcKQkeIEg47gMHQgdChVIqwA5cOlLACK4LpCCJKRylyWKmjhW4HFh3qeGOwA8xoBIcDiEHdVDJIdJjCsxceHaIwRSAd8OxFHKBLSQIA8mzA3UyVUPEAAAAASUVORK5CYII=">
    810. 

  810. <p>Kirajzol egy lebegőpontos számbeviteli mezőt.</p>
    811. 

  811. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    812. 

  812. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_FLOAT</samp> </td></tr>
    813. 

  813. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az értékre </td></tr>
    814. 

  814. <tr><td><samp>form-&gt;fmin</samp> </td><td>Minimum érték </td></tr>
    815. 

  815. <tr><td><samp>form-&gt;fmax</samp> </td><td>Maximum érték </td></tr>
    816. 

  816. <tr><td><samp>form-&gt;finc</samp> </td><td>Léptetési érték </td></tr>
    817. 

  817. <tr><td><samp>form-&gt;m</samp> </td><td>Bal és jobb margó </td></tr></table></div>
    818. 

  818. <h2 id="egeszszam">Egészszám<a href="#egeszszam"></a></h2>
    819. 

  819. <img class="imgl" width="62" height="24" alt="ui_int.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAYBAMAAABQGlNcAAAAG1BMVEUAAAAeHh4fHx8uLi4vLy9GRkZeXl5fX1/AwMDtzPodAAAAjklEQVQoz2NgoBQY4wGGQHmzNCgIFIQBMZhQGEg+FAoMEfIwITPS5Ds6GgUFJRpxyQNlOgQFO7DJO0HN7xCUgMqrIMuHqMPlYeYruSLJO0HkJZDsV1JByIcoYdGvVIrQj01eHcn8ICzypcjuV0f4DyqvjiN8JIAEueFLE3lTeGKBy4vChEDy8MSCDVCcegHJ4ZIZC8f3vAAAAABJRU5ErkJggg==">
    820. 

  820. <p>Kirajzol egy egészszámbeviteli mezőt. A szám a define végén jelzi, hogy hány biten tárolódik az érték.</p>
    821. 

  821. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    822. 

  822. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_INT8</samp> / <samp>UI_INT16</samp> / <samp>UI_INT32</samp> / <samp>UI_INT64</samp> </td></tr>
    823. 

  823. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az értékre </td></tr>
    824. 

  824. <tr><td><samp>form-&gt;min</samp> </td><td>Minimum érték </td></tr>
    825. 

  825. <tr><td><samp>form-&gt;max</samp> </td><td>Maximum érték </td></tr>
    826. 

  826. <tr><td><samp>form-&gt;inc</samp> </td><td>Léptetési érték </td></tr>
    827. 

  827. <tr><td><samp>form-&gt;m</samp> </td><td>Bal és jobb margó </td></tr></table></div>
    828. 

  828. <h2 id="csuszka">Csúszka<a href="#csuszka"></a></h2>
    829. 

  829. <img class="imgl" width="141" height="15" alt="ui_slider.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI0AAAAPBAMAAAArCFFFAAAAElBMVEUAAAAeHh42NjZeXl79/f3///8QGCJjAAAARElEQVQ4y2NgGCGANTSUKuaEhoYGkKVREAWIAs0JFSQRCIDMEXFBBq4gc5RIBMqD0RxmY2RgCjLHmFRAzfiiUfoZJgAAtkM6ZgnR4WUAAAAASUVORK5CYII=">
    830. 

  830. <p>Kirajzol egy egészszámbeviteli mezőt csúszkaként (csak 32 bit).</p>
    831. 

  831. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    832. 

  832. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_SLIDER</samp> </td></tr>
    833. 

  833. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az értékre </td></tr>
    834. 

  834. <tr><td><samp>form-&gt;min</samp> </td><td>Minimum érték </td></tr>
    835. 

  835. <tr><td><samp>form-&gt;max</samp> </td><td>Maximum érték </td></tr>
    836. 

  836. <tr><td><samp>form-&gt;inc</samp> </td><td>Léptetési érték </td></tr></table></div>
    837. 

  837. <h2 id="fuggoleges_szkrollozo">Függőleges szkrollozó<a href="#fuggoleges_szkrollozo"></a></h2>
    838. 

  838. <img class="imgl" width="14" height="44" alt="ui_vscrbar.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAsBAMAAACnApTfAAAAD1BMVEUAAAAPDw8eHh5GRkZeXl4bv8Y0AAAAJklEQVQY02NgQAeCIEBF2gUIHIC0s7GxsREdaSYlIKCBfwjRqAAAzmsYlwi8KXUAAAAASUVORK5CYII=">
    839. 

  839. <p>Kirajzol egy függőleges szkroll mezőt (csak 32 bit). A <a href="#tarolok" onclick="c('tarolok')">tárolók</a> maguktól kezelik a szkrollozást, szóval
    840. 

  840. ez bármi más esetre.</p>
    841. 

  841. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    842. 

  842. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_VSCRBAR</samp> </td></tr>
    843. 

  843. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az int értékre </td></tr>
    844. 

  844. <tr><td><samp>form-&gt;max</samp> </td><td>Maximum érték </td></tr></table></div>
    845. 

  845. <h2 id="vizszintes_szkrollozo">Vízszintes szkrollozó<a href="#vizszintes_szkrollozo"></a></h2>
    846. 

  846. <img class="imgl" width="44" height="14" alt="ui_hscrbar.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAOBAMAAACmzuMPAAAAD1BMVEUAAAAPDw8eHh5GRkZeXl4bv8Y0AAAAJElEQVQY02NgIA0IgoALBDgIQgBM2NkYDIyGmjCTEgQghEkBAMWXGD2YDAi1AAAAAElFTkSuQmCC">
    847. 

  847. <p>Kirajzol egy vízszintes szkroll mezőt (csak 32 bit).</p>
    848. 

  848. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    849. 

  849. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_HSCRBAR</samp> </td></tr>
    850. 

  850. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az int értékre </td></tr>
    851. 

  851. <tr><td><samp>form-&gt;max</samp> </td><td>Maximum érték </td></tr></table></div>
    852. 

  852. <h2 id="szin">Szín<a href="#szin"></a></h2>
    853. 

  853. <img class="imgl" width="96" height="24" alt="ui_color.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYBAMAAAD3x+WnAAAAFVBMVEUAAAAeHh4uLi47VnJHYn5eXl7AwMBXrPqpAAAApUlEQVQ4y72U3Q3CMAyEu4IF9XvZAGUCpKzAAHm5/UfoKabGgT40FcFSVOt0Xy4/badpfN16aiGwSEfNp4BLSinn/DgJoIgCEI7ijcDkHUALOIQ+Pthwhqq+lD1AxV0OuNICNbfIYcByYTnVorZ8SspGPvdQXZaA7y4kXOkmc38DYSm/BtAC8XzDsW6A2BbjlNt9tRfnwNFXYzww/HuYnz31h3/GCjIRhZl96HmvAAAAAElFTkSuQmCC">
    854. 

  854. <p>Kirajzol egy egészszámbeviteli mezőt színként (csak 32 bit). Ha rákattintanak, akkor egy színválasztó ugrik fel.</p>
    855. 

  855. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    856. 

  856. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_COLOR</samp> </td></tr>
    857. 

  857. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az int értékre </td></tr></table></div>
    858. 

  858. <h2 id="fajl">Fájl<a href="#fajl"></a></h2>
    859. 

  859. <img class="imgl" width="161" height="20" alt="ui_file.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKEAAAAUAgMAAACYOLXjAAAADFBMVEUeHh4uLi5eXl7AwMB3Lt90AAAAzUlEQVQoz9XSwQnDMAwFUIGvAe3RU6FXgQuZoftknk4hyABZ5Q9gUL9MWlPIIbdSH5xv+8W2QuRxsonc5Vxbfi/bGNfspgw4kjbGml2O1b7hlPI6Jqe3nFQPJAzadJNwMYXG2oOW4AxQrUTZvFEWr8aFWB0CZco9oaScoQwtfOaeXEl5WwPFuzPJkFIA2zR2aW/prIcSlBmG5BFdYkgSHtV3PZCzfyTQgVsG2+9Jud9z5pc31l48nOc33koZKnrtWSwDX13+5l+6PM+15QVVEqQ1F1fd7QAAAABJRU5ErkJggg==">
    860. 

  860. <p>Kirajzol egy szövegbeviteli mezőt. A bufferben egy nullával lezárt UTF-8 sztringnek kell lennie az elérési úttal. Ha a
    861. 

  861. felhasználó rákattint, akkor egy <a href="#eleresi_ut" onclick="c('eleresi_ut')">elérési út</a> választót hoz elő, amivel a sztring egyszerűen szerkeszthető. Az <samp>str</samp> paraméter
    862. 

  862. leírását lásd ott. Be kell húzni hozzá az <b>ui_file.h</b> modult.</p>
    863. 

  863. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    864. 

  864. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_FILE</samp> </td></tr>
    865. 

  865. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató a bufferre az elérési úttal </td></tr>
    866. 

  866. <tr><td><samp>form-&gt;max</samp> </td><td>A buffer mérete </td></tr>
    867. 

  867. <tr><td><samp>form-&gt;min</samp> </td><td>Az elérési út választó minimális magassága </td></tr>
    868. 

  868. <tr><td><samp>form-&gt;str</samp> </td><td>Lokalizált sztringtömb indexe (vagy 0) </td></tr></table></div>
    869. 

  869. <h2 id="eleresi_ut">Elérési út<a href="#eleresi_ut"></a></h2>
    870. 

  870. <img class="imgl" width="290" height="102" alt="ui_path.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAABmBAMAAACdLoFLAAAAJ1BMVEUAAAAPDw8WFhYeHh4uLi4vLy9GRkZeXl5fX199fX6goKDAwMD///8lwbWUAAAGFElEQVRo3u2avY7jNhCACSiF21TpXbrSgU7WkJrg9oBDugOCfYXkAbbY1oAavYIBVVY3rUo9gQA+VDgzJEV5tRL1czkF0Sykpcjh8OP8UPZihdhlXN6G5HV4uCuxtvbTl+ny7EG8ahuvckDOw8Nd+R2J5HR58iDOO9F/jSgdIKrHiepqVaK0rqpUVkuI0tWJUu2kkahVE4jSZURpjVKlTKRbOga1pBv+aGCz5tkO40NtVNIKI4ZEOJTWtfHqIiLnAnzABQmw4qaNWk1RS5mnZsSa+Wp6MOqp4VtEpDemN2ryiBDS9JEIFzmzPzmPCSZNPSIc4ujVcjkRbpuJMEY9RLW0PuLK4uEOkR3i1lIidJLJbLNSl4gWCSHCh1quQVQbIl7iHVEtZTePeok4jxhtNSK/mDA3KEEqWdnzqB2u6laPK8/UWirXJRo49frPo3r9t0g/kfX+jyCSBFQ/ntl1HfSmTd+/0vZPI/97ovPgp/KR4Y4gUfQ2Q3yI/atYkHzZlOjvbuLrjMC/Dg0+vS2QJySaUR3noQqcY7CdvBMFEgkZR5OJ9NEj++f5BmOhb3RFpkEiohGiKD5MJYoPubbfOw8NCjsgMrrigzAPDHoYIRJziMh+3k8kOkQXJIq5EUqkDQiBzsSbiIKihva1Kv7RCG/viMiOQP+wM01D0G2M6Ko1LtcILUUcjgF5eXn5UxNRhuiF4sP1kIn8GvlE1+uB7OhgcdSYGBuoKa5jRBlt6cCWhHDh7pVvehxrDRnQ+7nI/TARUYZEaDd3eZQZIq2JmxgjilnL7C0fJPpVL07VbzIbFxN5nneIYkOUOSLnozynwQCi2BKNJdG3DDM7sgtpF8mOV4eJMtzDVKLhPJKXttYojzKBFqJQojgKI6I6w/hjQmVBJ+SBEpbyTt8eo0YKsYixGiPO7JhLM+eaHiLSZZzLS37JTCMPqX5Su+iUy3O6ZR5RayfP8JaTIjVIE9fa37Q70Xcmep7zcXjoO9Pzks/ZRCS3JE+bJPrjthGh7zB/b4roLy1fmUiphjvt74lSKIWT3XyyRxd1qJuzrjWVnXPzhh6JGjtSzCNSOBGX4PlFQz2KG2btm9dDc1C3+JioaRYTKeXNV9zHjlOelnULo6kBooI9SX7VV9GYUIQTkTuajpeoga75gMgN9RHdGuNJ1KNoq3CPFZw4N7cEbr8wlKqNk2Fkoka1Q315pOwOdasx6hNiaH2kGvdUkH9ubJC26BjdEsovpS6RtmKJ2g3MJlIut25eQXH+NzcvjwZ8tBZRo2x9KJdUoUS/2ffaO6JiRtSMdYZ4qP6bV/1eNRbNA9Gnn7X80iHSR5jiWiOT4bVW8Gmod8FElJXuPCz889cR0VFU+HnUR/RjxSdSSoU75F8h2oZsmOjzcSOybSKAO3fa33MEjZj5ZI8u6oCjs34CME8nwAs+ILrbSaf5RCc0wvNNE7hBa3O37SE8b0If0f2+lIh84eaDfQB0VGcY2g0ch4hO7Enyq75O99alXd+OEHW8RA10zRyi493zJEXb7RjCXEfbMaujZ044C9hdJk6GkYnunvv68gjHaIe6dSd1jyg8amBdxOtTAw3SFh2jXWLIR3rMEtkNLCAC61nwDcDRMAZFbS2iduNtUi0nOvlRg9A8clPfVf/Rq36vGkeqn4j0EQZca6QMxlpgrfEJSUSUle48PPnnr0MYOyGZaEtvEQDYFNH+7h8h2sxftLZNBFByp/09URIAnOzmkz26qAOks641wc6R3tAjUWlHknlEgBNxCZ6flNQD3DBrS6+H5qBu8jFRWS4mAvDmA/ex48DTsm5hNBggStiTWi8xmhDOx6pE1PESNdA1HxC5oT4iWRpPJmAsTSBKOHGkWwI3lBhKaONkLDNRCe1QXx6B3SHdgJw1IYbWR1C6p4SMob+hpIRuGbGHiMAvpS6RtuKITGMBEbjckl5Bcf6X0sujAR+tRURRM+lik2o9IphwOhnrDPFQ/dKrfq8ak3KcSB9hwAUJ5WMhjGQ254sEJqKsdOdh4p+/joiOomQkjzb1FgGATRHt7/4Rov0T27iPFv374vqy/8tsgPwDQbbPhQEgSNYAAAAASUVORK5CYII=">
    871. 

  871. <p>Kirajzol egy elérési út választót. Az <samp>str</samp> a lokalizált sztring tömbben egy 8 sztringből álló csoport első indexe, ezek rendre:
    872. 

  872. fájl neve, mérete, módosítási dátuma, most, N perce, egy órája, N órája, tegnap. Be kell húzni hozzá az <b>ui_file.h</b> modult.</p>
    873. 

  873. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    874. 

  874. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_PATH</samp> </td></tr>
    875. 

  875. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató a bufferre az elérési úttal </td></tr>
    876. 

  876. <tr><td><samp>form-&gt;max</samp> </td><td>A buffer mérete </td></tr>
    877. 

  877. <tr><td><samp>form-&gt;str</samp> </td><td>Lokalizált sztringtömb indexe (vagy 0) </td></tr>
    878. 

  878. <tr><td><samp>form-&gt;data</samp> </td><td>Mutató az <samp>ui_path_t</samp> kontextusra </td></tr></table></div>
    879. 

  879. <p>Az <samp>ui_path_t</samp> struktúra pedig a következő:</p>
    880. 

  880. <div class="table"><table><tr><th>Mező </th><th>Leírás </th></tr>
    881. 

  881. <tr><td><samp>flags</samp> </td><td>Elérési út jelzőbitek </td></tr>
    882. 

  882. <tr><td><samp>exts</samp> </td><td>Kiterjesztéslista (vagy NULL) </td></tr>
    883. 

  883. <tr><td><samp>select</samp> </td><td>Kiválasztás rendben (vagy NULL) </td></tr></table></div>
    884. 

  884. <p>A jelzőbitek:</p>
    885. 

  885. <div class="table"><table><tr><th>Define </th><th>Leírás </th></tr>
    886. 

  886. <tr><td><samp>UI_PATH_SEARCH</samp> </td><td>Keresőmezőt is tartalmazzon </td></tr>
    887. 

  887. <tr><td><samp>UI_PATH_NEWDIR</samp> </td><td>Új könyvtár létrehozása gomb is legyen </td></tr>
    888. 

  888. <tr><td><samp>UI_PATH_ONLYDIR</samp> </td><td>Csak könyvtárakat listázzon </td></tr>
    889. 

  889. <tr><td><samp>UI_PATH_HIDDEN</samp> </td><td>Listázza a rejtett fájlokat is </td></tr></table></div>
    890. 

  890. <p>A kiterjesztéslista egy nullával lezárt sztringeket tartalmazó lista, amit két nulla karakter zár, például
    891. 

  891. <samp>png\0jpg\0\0</samp>. Ha meg van adva, akkor a lista csak az itt felsorolt kiterjesztésű fájlokat fogja tartalmazni.</p>
    892. 

  892. <p>Ha a <samp>select</samp> visszahívás NULL, akkor egyszerűen az alkönyvtárakba belép, a fájlokat meg visszaadja. Ha meg van adva</p>
    893. 

  893. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">typedef</span> <span class="hl_t">int</span> (<span class="hl_o">*</span><span class="hl_f">ui_form_select</span>)(<span class="hl_t">char</span> <span class="hl_o">*</span><span class="hl_v">path</span>, <span class="hl_t">int</span> <span class="hl_v">isdir</span>);</code></div>
    894. 

  894. <p>formában, akkor az 1-el tér vissza, ha az elérési út kiválasztható, egyébként 0-ával. Ha 0-val tért vissza, akkor az
    895. 

  895. alkönyvtárakba belép, a fájlokkal pedig semmit sem csinál. A <samp>path</samp> paraméter könyvtárelválasztóra végződik, ha az egy könyvtár,
    896. 

  896. és ilyenkor az <samp>isdir</samp> értéke 1. Ez arra használható, hogy további kritériát szabjunk a kiválasztandó elérési útnak, például
    897. 

  897. könyvtárak esetében hogy tartalmaz-e egy bizonyos fájlt, vagy fájlok esetében hogy adott mágikus bájttal kezdődik-e vagy sem.
    898. 

  898. A megadott visszahívás bármilyen plusz ellenőrzést implementálhat.</p><br style="clear:both;"><label class="btn prev" accesskey="p" for="_cimkek" title="Cimkék">Előző</label><label class="btn next" accesskey="n" for="_gombok" title="Gombok">Következő</label></div>
    899. 

  899. <div class="page" rel="gombok"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Gombok</li></ul><hr></div>
    900. 

  900. <h1 id="gombok">Gombok<a href="#gombok"></a></h1>
    901. 

  901. <h2 id="kapcsolo">Kapcsoló<a href="#kapcsolo"></a></h2>
    902. 

  902. <img class="imgl" width="64" height="40" alt="ui_toggle.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoAQMAAAB0AG6qAAAABlBMVEUAAAD///+l2Z/dAAAAgUlEQVQY02NgIA8wPnBgYOBhYGBmOHCAgUEGyGgAMWyAjAOHP/x4A5J6cOBgzz8Q48CBg3+u8YDVHGy4BtEFYTAwHLjZA2YwPij4ccyegYES99iBDQQ6IxnGYGZgYP8Acg8biAFzzwOQeySAmg6AnGEAVAt2WALMPckw99QzUAsAAFZbPk+0LEdkAAAAAElFTkSuQmCC">
    903. 

  903. <p>Ez egy speciális mező, amit egy <a href="#tarolok" onclick="c('tarolok')">tároló</a> mezőnek kell követnie, és annak a tároló mezőnek a láthatóságát kapcsolja.
    904. 

  904. Ha a következő mező mégsem tároló lenne, akkor a <samp>form-&gt;value</samp> egy index az <samp>ui_event()</samp>-nek átadott űrlap elemeire.
    905. 

  905. Ha a <samp>form-&gt;label</samp> 0, akkor a <samp>form-&gt;ptr</samp> egy nullával lezárt UTF-8 sztringre kell mutasson, ami cimkeként jelenik meg.
    906. 

  906. Alapból ez elé a cimke elé kerül egy jobbra vagy lefelé nyíl, hacsak nincs <samp>UI_NOBULLET</samp> megadva, ekkor ugyanis nincs
    907. 

  907. nyíl, helyette a cimke más színnel jelenik meg (lásd <a href="#szintema" onclick="c('szintema')">színtéma</a>, ez a menüelemekhez kell).</p>
    908. 

  908. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    909. 

  909. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_TOGGLE</samp> </td></tr>
    910. 

  910. <tr><td><samp>form-&gt;flags</samp> </td><td>Esetleg <samp>UI_NOBULLET</samp> </td></tr>
    911. 

  911. <tr><td><samp>form-&gt;label</samp> </td><td>Lokalizált sztringtömb indexe (vagy 0) </td></tr>
    912. 

  912. <tr><td><samp>form-&gt;ptr</samp> </td><td>Csak ha <samp>label</samp> 0, mutató egy sztringre </td></tr>
    913. 

  913. <tr><td><samp>form-&gt;value</samp> </td><td>Ha nem tároló követi, <samp>ui_event()</samp> űrlap indexe </td></tr></table></div>
    914. 

  914. <h2 id="pipa">Pipa<a href="#pipa"></a></h2>
    915. 

  915. <img class="imgl" width="64" height="40" alt="ui_check.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoBAMAAAC84OHaAAAAD1BMVEUAAAAeHh42NjZeXl7///8gMbKdAAAAoUlEQVQ4y92SwQ3DIAxFHckDlBVcNugCVvT3n6lOMK1pcA49Yikgw9MPJI9orQJs0LjCrdtKKQ9veQDggIg8ZwB3oEp1gIFzsCfgm+x7TLBtNQgBqMMrbE9ZFTcJxxyB7xkSYLgF2hkiQC+r/qH6LfTgAKXl6uIDnys3PsDb1Ae6Aj8+EKZGTXyQxIcWMEnw390PlAIekPvwych8wJI+/FtvnbYxa3C+9qYAAAAASUVORK5CYII=">
    916. 

  916. <p>Kirajzol egy pipát cimkével. A mutatott érték jelzi, hogy be van-e pipálva. Ha rákattintanak, akkor a <samp>value</samp> int érték
    917. 

  917. XOR-olódik a megadott címen lévő értékkel.</p>
    918. 

  918. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    919. 

  919. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_CHECK</samp> </td></tr>
    920. 

  920. <tr><td><samp>form-&gt;flags</samp> </td><td>Esetleg <samp>UI_NOBULLET</samp> </td></tr>
    921. 

  921. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az int értékre </td></tr>
    922. 

  922. <tr><td><samp>form-&gt;value</samp> </td><td>A gomb bitmaszkja </td></tr>
    923. 

  923. <tr><td><samp>form-&gt;label</samp> </td><td>Lokalizált sztringtömb indexe </td></tr></table></div>
    924. 

  924. <h2 id="valaszto">Választó<a href="#valaszto"></a></h2>
    925. 

  925. <img class="imgl" width="64" height="40" alt="ui_radio.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoBAMAAAC84OHaAAAAD1BMVEUAAAAeHh42NjZeXl7///8gMbKdAAAApklEQVQ4y92SwQ2DMAxFHdUDlI5gOkBVFrCqv/9MdUOcBog5cIylRPzwZJnwiMYqwDZtT7ikNE0eeQOgpIfIvQdwAZLgM68AA3mz1eDpCcxNB3utBiEGrA2rngD5uQX+M/QBeou8KoB1hg1wW5Z6Uf4V+uMApeHq4APnkxMf4DHywWMSkb4PBNoBgQ97oPrgMx46lN9dpY4A+KyRD7VH5AOG9OFqfQG2UjEf5ieLywAAAABJRU5ErkJggg==">
    926. 

  926. <p>Kirajzol egy választót cimkével. A mutatott érték jelzi, hogy ez-e az aktív. Ha rákattintanak, akkor a <samp>value</samp> int érték
    927. 

  927. kerül a megadott címre.</p>
    928. 

  928. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    929. 

  929. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_RADIO</samp> </td></tr>
    930. 

  930. <tr><td><samp>form-&gt;flags</samp> </td><td>Esetleg <samp>UI_NOBULLET</samp> </td></tr>
    931. 

  931. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az int értékre </td></tr>
    932. 

  932. <tr><td><samp>form-&gt;value</samp> </td><td>A gomb int értéke </td></tr>
    933. 

  933. <tr><td><samp>form-&gt;label</samp> </td><td>Lokalizált sztringtömb indexe </td></tr></table></div>
    934. 

  934. <h2 id="gomb">Gomb<a href="#gomb"></a></h2>
    935. 

  935. <img class="imgl" width="62" height="57" alt="ui_button.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA5BAMAAACc6oXPAAAAGFBMVEUAAAAPDw8eHh4fHx82NjZGRkZeXl5fX18xIiCsAAABGUlEQVQ4y83UwWrDMAwG4H8Qo2vWw85jT2KGWa5m4Oa6U8852Oj1J7lNsJO4DEZDBVadfLFRwTLw6Hh5bYf626UZP716aMb3UQ5IMiV5U7qnJKN0UO2hdr9xDxhNMnTvabN+Ig7gycg3uO222V8eyRMhtZyZ73rS35U75yzpgEO0nRWP+Y37nB3QRNECbGmATrrCB46anGOZsBskMRfeiKfw/qMd/R/O96P759Qu713rO7X/39ezeD4/XSE2v1nc0u3EzSGN0FXuah+iPl59t7+kFUI4F77pr7Tyur90+Y7P/ZWX7/jcX3n52iHuzdWTFrl4vn9ASWqT/Udx6AWy+MhJUwgsEw5jGqWQwhtxiPft+/1yRP/8L34BaxtPbQtIP+UAAAAASUVORK5CYII=">
    936. 

  936. <p>Kirajzol egy gombot. A mutatott érték jelzi, hogy be van-e nyomva. Ha rákattintanak, akkor a <samp>value</samp> int érték
    937. 

  937. kerül a megadott címre. Lehet ikonja is, cimkéje is, vagy akár mindkettő. Ha bőrrel van rajzolva, akkor ott lehet
    938. 

  938. árnyék, ami függőlegesen eltolja a cimkét. Ha ez előfordulna, akkor az <samp>m</samp> margóval igazítható (lehet negatív is).</p>
    939. 

  939. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    940. 

  940. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_BUTTON</samp> </td></tr>
    941. 

  941. <tr><td><samp>form-&gt;flags</samp> </td><td>Esetleg <samp>UI_NOBORDER</samp> </td></tr>
    942. 

  942. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az int értékre </td></tr>
    943. 

  943. <tr><td><samp>form-&gt;value</samp> </td><td>A gomb int értéke </td></tr>
    944. 

  944. <tr><td><samp>form-&gt;label</samp> </td><td>Lokalizált sztringtömb indexe </td></tr>
    945. 

  945. <tr><td><samp>form-&gt;icon</samp> </td><td>Mutató egy <samp>ui_image_t</samp> struct-ra </td></tr>
    946. 

  946. <tr><td><samp>form-&gt;m</samp> </td><td>Felső margó, ha bőrözött </td></tr></table></div>
    947. 

  947. <h2 id="gombkapcsolo">Gombkapcsoló<a href="#gombkapcsolo"></a></h2>
    948. 

  948. <img class="imgl" width="62" height="57" alt="ui_button.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA5BAMAAACc6oXPAAAAGFBMVEUAAAAPDw8eHh4fHx82NjZGRkZeXl5fX18xIiCsAAABGUlEQVQ4y83UwWrDMAwG4H8Qo2vWw85jT2KGWa5m4Oa6U8852Oj1J7lNsJO4DEZDBVadfLFRwTLw6Hh5bYf626UZP716aMb3UQ5IMiV5U7qnJKN0UO2hdr9xDxhNMnTvabN+Ig7gycg3uO222V8eyRMhtZyZ73rS35U75yzpgEO0nRWP+Y37nB3QRNECbGmATrrCB46anGOZsBskMRfeiKfw/qMd/R/O96P759Qu713rO7X/39ezeD4/XSE2v1nc0u3EzSGN0FXuah+iPl59t7+kFUI4F77pr7Tyur90+Y7P/ZWX7/jcX3n52iHuzdWTFrl4vn9ASWqT/Udx6AWy+MhJUwgsEw5jGqWQwhtxiPft+/1yRP/8L34BaxtPbQtIP+UAAAAASUVORK5CYII=">
    949. 

  949. <p>Kirajzol egy gombot, ami <a href="#kapcsolo" onclick="c('kapcsolo')">kapcsoló</a>ként viselkedik. Ha rákattintanak, akkor a mutatott <a href="#tarolok" onclick="c('tarolok')">tároló</a> mező láthatóságát
    950. 

  950. kapcsolja. Ha a <samp>ptr</samp> értéke NULL, akkor a <samp>form-&gt;value</samp> egy index az <samp>ui_event()</samp>-nek átadott űrlap elemeire.</p>
    951. 

  951. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    952. 

  952. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_BTNTGL</samp> </td></tr>
    953. 

  953. <tr><td><samp>form-&gt;flags</samp> </td><td>Esetleg <samp>UI_NOBORDER</samp> </td></tr>
    954. 

  954. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató egy <samp>ui_form_t</samp> tároló mezőre </td></tr>
    955. 

  955. <tr><td><samp>form-&gt;value</samp> </td><td>Ha a <samp>ptr</samp> NULL, <samp>ui_event()</samp> űrlap indexe </td></tr>
    956. 

  956. <tr><td><samp>form-&gt;label</samp> </td><td>Lokalizált sztringtömb indexe </td></tr>
    957. 

  957. <tr><td><samp>form-&gt;icon</samp> </td><td>Mutató egy <samp>ui_image_t</samp> struct-ra </td></tr>
    958. 

  958. <tr><td><samp>form-&gt;m</samp> </td><td>Felső margó, ha bőrözött </td></tr></table></div>
    959. 

  959. <h2 id="ikongomb">Ikongomb<a href="#ikongomb"></a></h2>
    960. 

  960. <img class="imgl" width="23" height="24" alt="ui_image.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAMAAAAmopZHAAAC/VBMVEUAAAAFAAAAAgAVBQAQBwAUDQMjEQApEwAqFAArFAAnFgguFwAuGwApHAcxHQA4HwMxIgJAJgZBJwdELxpIOSF/RgCBRwB8SRGMSwCUVxyaVw2cWAOYWg2ZWw+aXAOaXBChXQmEYz2fYACTZhKiYwCTZDakZAGlZQKmZgSsZQmnZwWqagu3aQCobQurayGhbiaobimicwupbyqjdA2bdFqqdSafdlfIcQCbe0Cxexu8fQjJeBvPdxPReASLhH7LehLSeQbOfAShgnDPfQbHfS+6gyzEhAK1iRvRfyzdggXPgy3egwfEhzq1jx/ghAnhhQDCjgnDjwDShjjHjQ7GiUOoj3vLkACfko3hiwDijADeiiezmCXniwHojAPjjRTZjT7mjwO8myDjkgPJmgnLmwvOngDcmRjanASsnpndmhnRoADwlwDrmgDunAHQpQXloADknxLvnQTloBTwngfmoRbzoADyoAvuogrpoxn/nwLLrR7KrSnwpCvupw+zrabOsCLzphP1pwDoqR39oxi8rKH1pxXpqh/Isj74pS/5qwburhbYtDTrsRf8rQ3srkn9rxD/sBPmtEL6shH8sxP9sED+tRfquE7FvK/+vB3Ewcb/vR//vCv/viH9wS7Nxr//xCb9xiXRycLrzyL/ySn/yTX9zCru0ifUzcX/zzj/0C7/0Dn80i390yH/0Ev/0U3+1DD/1ST22SL91EX81E361zHc1M382DL92Sf/1k/92TP/2ij63Cf/11n/2yr+12D83ir/3EL+3FP+3Fvi29T/4S/Z3uH93mvj3dzb3+Ld39zc4OP05lb+41f941/+5zP151je4+X95G/851H/6TX/6UD86zX87EH96WP+7Tfq5eT77FT96mz96nP87VX/6YH+7k388kX+8Gj97ov/8Wn782H98Jr99WP79nP893T793v+9ZD++G36+Ir8+IP/9pH/+W7/9az796X/9qb/+Jn8+Kb9+af/+aH8+a78+rX7+739+7b6/MP9+9H9/Nj+/dnCdRsJAAAB3UlEQVQoz2Ngwg4YoDSrgMW0idMsBFhRxZVTVtz7+OHjo3Upykji/H0rnv75++/v379/Pq3o44eKM/JVHPry49fP379///zx4/uxfB5GsLhIzdpX7z5//vb169dvnz+/e7WvRgQkzqg3++Kd5y/fvn375u3bly+f374zW48RKM47ZfPZ6w9fv3/x8uXLF+8fP7x+dk8HF1Ccs3nTjjO3znc/efbs2d3285fOHNxcyQkUN+pdsunAFUOx6gcP7kdL+F47sGnJBAOguGPv3JXbjhgqVd84dzVRxf3c+pVzex2B4g69sxas3LWoaveRI0c21i/btXLBrF5boLht44z5i9ds2LVr134g3rBm8fxZnQ5AcfPSqU09q7dt2wkE2zZsW9rVNrXUHCjukj3ZNdzMMjArLy8vNcDUxC54UqE1UFwwpjNs5olTF5bPmzdv+YUTJ+rSG2IFgeLMOjm1qqEtCw8fv3ly6/QMJ/3enCg2UPiIepanySlIy8rKy0pJq2mUFHpLQsLZI7IwTUlDW0MDiNWKCuO8hCHhzGkTkVtkpauhpKHr1pobZ8/JCI0XznjvpNyyooKissIk7yBueHwxMolrevsnJMT6e2uKA3lI8c7CqRjiE6LIyYKWHtABAHI8zlZkUGOOAAAAAElFTkSuQmCC">
    961. 

  961. <p>Kirajzol egy ikont, ha be van pipálva, egyébként semmit. Ha rákattintanak, akkor a <samp>value</samp> int érték XOR-olódik a megadott
    962. 

  962. címen lévő értékkel. Pontosan úgy működik, mint a <a href="#pipa" onclick="c('pipa')">pipa</a>.</p>
    963. 

  963. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    964. 

  964. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_BTNICN</samp> </td></tr>
    965. 

  965. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az int értékre </td></tr>
    966. 

  966. <tr><td><samp>form-&gt;value</samp> </td><td>A gomb bitmaszkja </td></tr>
    967. 

  967. <tr><td><samp>form-&gt;icon</samp> </td><td>Mutató egy <samp>ui_image_t</samp> struct-ra </td></tr></table></div><br style="clear:both;"><label class="btn prev" accesskey="p" for="_bevitel" title="Bevitel">Előző</label><label class="btn next" accesskey="n" for="_vonalak" title="Vonalak">Következő</label></div>
    968. 

  968. <div class="page" rel="vonalak"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Vonalak</li></ul><hr></div>
    969. 

  969. <h1 id="vonalak">Vonalak<a href="#vonalak"></a></h1>
    970. 

  970. <h2 id="vonal">Vonal<a href="#vonal"></a></h2>
    971. 

  971. <img class="imgl" width="114" height="38" alt="ui_lines.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAAmCAMAAAAvHD+uAAABAlBMVEUAAAACAgIHBwcLCwsSEhIUFBQWFhYYGBgbGxsgICAiIiIjIyMmJiYqKiosLCwuLi4wMDAxMTE0NDQ2NjY4ODhDQ0NERERFRUVISEhLS0tMTExOTk5PT09VVVVWVlZbW1tcXFxgYGBkZGRlZWVnZ2doaGhqamptbW1vb29ycnJ0dHR6enp+fn6AgICCgoKIiIiLi4uMjIySkpKYmJiZmZmampqbm5ucnJyioqKmpqanp6eqqqqurq6wsLCysrK0tLS2tra3t7e5ubm6urrAwMDDw8PLy8vMzMzNzc3Q0NDT09PU1NTX19fa2trh4eHl5eXm5ubn5+fr6+v19fX9/f3+/v4m0jMJAAABnElEQVRYw+2X127CMBSGQ4GwygirZoe9wgh7bwg7jPr9X6VAZagqII0wvqj4b/Lbx9Inn5zjOBT10kv/Wgq2BYVyxEqK58iOYIt9s0bKAgQkgFk4yjrQAECefjYwuqlof45pXsZG9SBe6K2gLKB32rX9ngNQYp9qxhXmSh1BhKteIQ70coC27tR7ZZrnTw+lxmC2O9z+YCzF5QrVens4ni7Xuz0UhU6JC7sYteyUaiub6NUADT8O9bTfrZfT8bBdrxZyXCoW9LsddrNBo3zgJaZh9kYEfAqXesInz7yhux451E8vgh+oa8w9N4E8HSljJ6Zh+lZOT21pFYjl9ED87klIk8nphYjaBI/AzZweNwfObYKTeOc0U4vIqbZkiBRzrhrTjAyRcnWQcw4wES0S34hwCblADRNyErof5zjkknk8xGJRYkEpjFw+iYUYmkit6LiQqwXwlI5FaonAIDdwPr9YTxLP39yZiQzxcvhQWxUZ4mFVi1UcTeKx887oyzQXf7y0He/PLZbp998fIcJFM+Mzyru1J14/Ly+R1hf+3jchTRgY+QAAAABJRU5ErkJggg==">
    972. 

  972. <p>Egy sor összefüggő vonalat húz. A <samp>form-&gt;ptr</samp> egy int16_t (short int) értékeket tartalmazó tömbre kell mutasson,
    973. 

  973. több <samp>x</samp> és <samp>y</samp> párral, és a legutolsó párnak 0,0-nak kell lennie.</p>
    974. 

  974. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    975. 

  975. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_LINES</samp> </td></tr>
    976. 

  976. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató az int16_t tömbre </td></tr>
    977. 

  977. <tr><td><samp>form-&gt;value</samp> </td><td>32 bites RGBA szín </td></tr></table></div>
    978. 

  978. <h2 id="vizszintes_osszekotes">Vízszintes összekötés<a href="#vizszintes_osszekotes"></a></h2>
    979. 

  979. <img class="imgl" width="64" height="38" alt="ui_hconnect.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmAgMAAAAJqnUKAAAACVBMVEUAAABISEj+/v45K09pAAAAT0lEQVQoz2NgIB1wrVq1agG6oNYSdBGpBnSRFRgmYSjBMFcDXYADwxB0ASb6CDigCTBieIY+AhhBpkAwDDGDDDM+MZRgxt4KolKGAOEUBQBwag++OdOl7wAAAABJRU5ErkJggg==">
    980. 

  980. <p>Összeköt két pontot vízszintesen egy ívvel. A <samp>form-&gt;ptr</samp> egy pontosan 4 elemű int16_t tömbre kell mutasson,
    981. 

  981. <samp>x0</samp> és <samp>y0</samp> a kiinduló pont, <samp>x1</samp> és <samp>y1</samp> pedig a végpont pár.</p>
    982. 

  982. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    983. 

  983. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_HCONNECT</samp> </td></tr>
    984. 

  984. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató a 4 elemű int16_t tömbre </td></tr>
    985. 

  985. <tr><td><samp>form-&gt;value</samp> </td><td>32 bites RGBA szín </td></tr></table></div>
    986. 

  986. <h2 id="fuggoleges_osszekotes">Függőleges összekötés<a href="#fuggoleges_osszekotes"></a></h2>
    987. 

  987. <img class="imgl" width="64" height="38" alt="ui_vconnect.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmAgMAAAAJqnUKAAAACVBMVEUAAABISEj+/v45K09pAAAARklEQVQoz2NgIAg46CLAhS7AhCHQgC6yAF1Ag7CpE9BFsjCUrMIUAQIHNEFGkCCGkzBFVqILsFHFHxiGEDZVgS4CAgykAwCF0g7pSVnJ/AAAAABJRU5ErkJggg==">
    988. 

  988. <p>Összeköt két pontot függőlegesen egy ívvel. A <samp>form-&gt;ptr</samp> egy pontosan 4 elemű int16_t tömbre kell mutasson,
    989. 

  989. <samp>x0</samp> és <samp>y0</samp> a kiinduló pont, <samp>x1</samp> és <samp>y1</samp> pedig a végpont pár.</p>
    990. 

  990. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    991. 

  991. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_VCONNECT</samp> </td></tr>
    992. 

  992. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató a 4 elemű int16_t tömbre </td></tr>
    993. 

  993. <tr><td><samp>form-&gt;value</samp> </td><td>32 bites RGBA szín </td></tr></table></div>
    994. 

  994. <h2 id="bezier_iv">Bezier ív<a href="#bezier_iv"></a></h2>
    995. 

  995. <img class="imgl" width="64" height="38" alt="ui_curve.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmAgMAAAAJqnUKAAAACVBMVEUAAABISEj+/v45K09pAAAAYElEQVQoz2NgIB1wrQIBdFGmVQ3oQiswdDqgCTBi6EEXYMIQwDAUXSAD3ZIJhJyhgW7HAlLtYEK3QwpdxxJCHsOwQwJdQAVdQIF0AQ2M4MOIAmKidtUqjKhcBQENZKQoAIH/FUTePN+ZAAAAAElFTkSuQmCC">
    996. 

  996. <p>Tetszőleges Bezier ív kirajzolása. A <samp>form-&gt;ptr</samp> egy pontosan 8 elemű int16_t tömbre kell mutasson, <samp>x0</samp> és <samp>y0</samp>
    997. 

  997. a kiinduló pont, <samp>x1</samp> és <samp>y1</samp> a végpont, <samp>cx0</samp> és <samp>cy0</samp> az első kontrollpont, <samp>cx1</samp> és <samp>cy1</samp> pedig a második
    998. 

  998. kontrollpont koordináta párja.</p>
    999. 

  999. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    1000. 

  1000. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_CURVE</samp> </td></tr>
    1001. 

  1001. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató a 8 elemű int16_t tömbre </td></tr>
    1002. 

  1002. <tr><td><samp>form-&gt;value</samp> </td><td>32 bites RGBA szín </td></tr></table></div><br style="clear:both;"><label class="btn prev" accesskey="p" for="_gombok" title="Gombok">Előző</label><label class="btn next" accesskey="n" for="_egyedi" title="Egyedi">Következő</label></div>
    1003. 

  1003. <div class="page" rel="egyedi"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Egyedi</li></ul><hr></div>
    1004. 

  1004. <h1 id="egyedi">Egyedi<a href="#egyedi"></a></h1>
    1005. 

  1005. <p>Felhasználó által kreált egyedi mezők is használhatók, ehhez mindössze típusonként 4 visszacsatolásra van szükség.</p>
    1006. 

  1006. <div class="table"><table><tr><th>Paraméter </th><th>Leírás </th></tr>
    1007. 

  1007. <tr><td><samp>form-&gt;type</samp> </td><td><samp>UI_CUSTOM</samp> </td></tr>
    1008. 

  1008. <tr><td><samp>form-&gt;flags</samp> </td><td>Figyelembe kell venni a <samp>UI_HIDDEN</samp>-t és <samp>UI_DISABLED</samp>-t </td></tr>
    1009. 

  1009. <tr><td><samp>form-&gt;ptr</samp> </td><td>Mutató tetszőleges adat bufferre </td></tr>
    1010. 

  1010. <tr><td><samp>form-&gt;data</samp> </td><td>Mutató tetszőleges adat kontextusra </td></tr>
    1011. 

  1011. <tr><td><samp>form-&gt;str</samp> </td><td>Lokalizált sztringtömb indexe (vagy 0) </td></tr>
    1012. 

  1012. <tr><td><samp>form-&gt;bbox</samp> </td><td>Méretfunkció </td></tr>
    1013. 

  1013. <tr><td><samp>form-&gt;view</samp> </td><td>Kirajzolófunkció </td></tr>
    1014. 

  1014. <tr><td><samp>form-&gt;ctrl</samp> </td><td>Eseménykezelőfunkció </td></tr>
    1015. 

  1015. <tr><td><samp>form-&gt;fini</samp> </td><td>Opcionális felszabadításfunkció </td></tr></table></div>
    1016. 

  1016. <h2 id="meretezes">Méretezés<a href="#meretezes"></a></h2>
    1017. 

  1017. <div class="pre"><pre class="lineno">1<br>2<br></pre><code><span class="hl_t">typedef</span> <span class="hl_t">int</span> (<span class="hl_o">*</span><span class="hl_f">ui_bbox</span>)(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_t">int</span> <span class="hl_v">x</span>, <span class="hl_t">int</span> <span class="hl_v">y</span>, <span class="hl_t">int</span> <span class="hl_v">w</span>, <span class="hl_t">int</span> <span class="hl_v">h</span>,
    1018. 

  1018.     <span class="hl_v">ui_form_t</span> <span class="hl_o">*</span><span class="hl_v">form</span>, <span class="hl_t">int</span> <span class="hl_o">*</span><span class="hl_v">dw</span>, <span class="hl_t">int</span> <span class="hl_o">*</span><span class="hl_v">dh</span>);</code></div>
    1019. 

  1019. <p>Ez a funkció a számolt területet kapja <samp>x</samp>, <samp>y</samp>, <samp>w</samp>, <samp>h</samp> változókban, ahol a mezőnek meg kell jelennie, az űrlapelemet pedig
    1020. 

  1020. a <samp>form</samp>-ban, majd vissza kell adnia a tényleges szélességet a <samp>dw</samp> és a tényleges magasságot a <samp>dh</samp> változókban.</p>
    1021. 

  1021. <h2 id="megjelenites">Megjelenítés<a href="#megjelenites"></a></h2>
    1022. 

  1022. <div class="pre"><pre class="lineno">1<br>2<br></pre><code><span class="hl_t">typedef</span> <span class="hl_t">int</span> (<span class="hl_o">*</span><span class="hl_f">ui_view</span>)(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_t">int</span> <span class="hl_v">x</span>, <span class="hl_t">int</span> <span class="hl_v">y</span>, <span class="hl_t">int</span> <span class="hl_v">w</span>, <span class="hl_t">int</span> <span class="hl_v">h</span>,
    1023. 

  1023.     <span class="hl_v">ui_form_t</span> <span class="hl_o">*</span><span class="hl_v">form</span>);</code></div>
    1024. 

  1024. <p>Ez a funkció a tényleges területet kapja <samp>x</samp>, <samp>y</samp>, <samp>w</samp>, <samp>h</samp> változókban, ahová a mezőt ki kell rajzolni, az űrlapelemet pedig
    1025. 

  1025. a <samp>form</samp>-ban. Használhatja az alacsonyszintű <samp>_ui_line()</samp>, <samp>_ui_cbez()</samp>, <samp>_ui_rect()</samp>, <samp>_ui_blit()</samp> stb. hívásokat, vagy
    1026. 

  1026. direktben változtathatja a pixeleket a <samp>ctx-&gt;screen</samp> <a href="#kep" onclick="c('kep')">kép</a>ben. Nagyon fontos, hogy <i><b>nem módosíthat</b></i> a megadott területen
    1027. 

  1027. hívül.</p>
    1028. 

  1028. <h2 id="kontroller">Kontroller<a href="#kontroller"></a></h2>
    1029. 

  1029. <div class="pre"><pre class="lineno">1<br>2<br></pre><code><span class="hl_t">typedef</span> <span class="hl_t">int</span> (<span class="hl_o">*</span><span class="hl_f">ui_ctrl</span>)(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_t">int</span> <span class="hl_v">x</span>, <span class="hl_t">int</span> <span class="hl_v">y</span>, <span class="hl_t">int</span> <span class="hl_v">w</span>, <span class="hl_t">int</span> <span class="hl_v">h</span>,
    1030. 

  1030.     <span class="hl_v">ui_form_t</span> <span class="hl_o">*</span><span class="hl_v">form</span>, <span class="hl_v">ui_event_t</span> <span class="hl_o">*</span><span class="hl_v">evt</span>);</code></div>
    1031. 

  1031. <p>Ez a funkció a tényleges területet kapja <samp>x</samp>, <samp>y</samp>, <samp>w</samp>, <samp>h</samp> változókban, ahol a mező található, az űrlapelemet a <samp>form</samp>-ban,
    1032. 

  1032. az aktuális eseményt pedig az <samp>evt</samp>-ben az <a href="#esemenykezeles" onclick="c('esemenykezeles')">eseménykezelés</a>hez. Ez csak akkor hívódik, ha a <samp>form</samp> nem <samp>UI_HIDDEN</samp> (rejtett)
    1033. 

  1033. és nem is <samp>UI_DISABLED</samp> (inaktív), és az egér épp fölötte tartózkodik.</p>
    1034. 

  1034. <h2 id="destruktor">Destruktor<a href="#destruktor"></a></h2>
    1035. 

  1035. <div class="pre"><pre class="lineno">1<br></pre><code><span class="hl_t">typedef</span> <span class="hl_t">int</span> (<span class="hl_o">*</span><span class="hl_f">ui_fini</span>)(<span class="hl_v">ui_t</span> <span class="hl_o">*</span><span class="hl_v">ctx</span>, <span class="hl_v">ui_form_t</span> <span class="hl_o">*</span><span class="hl_v">form</span>);</code></div>
    1036. 

  1036. <p>Erre az opcionális visszacsatolásra csak akkor van szükség, ha az egyedi mező memóriát allokált. Többször is meghívódhat,
    1037. 

  1037. ezért fontos úgy megírni, hogy csak egyszer szabadítsa fel a buffer(eke)t.</p><br style="clear:both;"><label class="btn prev" accesskey="p" for="_vonalak" title="Vonalak">Előző</label><label class="btn next" accesskey="n" for="_pelda" title="Példa">Következő</label></div>
    1038. 

  1038. <div class="page" rel="pelda"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Példa</li></ul><hr></div>
    1039. 

  1039. <h1 id="pelda">Példa<a href="#pelda"></a></h1>
    1040. 

  1040. <div class="pre"><pre class="lineno">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>31<br>32<br>33<br>34<br>35<br>36<br>37<br>38<br>39<br>40<br>41<br>42<br>43<br>44<br>45<br>46<br>47<br>48<br>49<br>50<br>51<br>52<br>53<br>54<br>55<br>56<br>57<br></pre><code><span class="hl_p">#define UI_IMPLEMENTATION</span>
    1041. 

  1041. <span class="hl_p">#include &lt;ui.h&gt;</span>
    1042. 

  1042. 

  1043. <span class="hl_t">int</span> <span class="hl_f">main</span>(<span class="hl_t">int</span> <span class="hl_v">argc</span>, <span class="hl_t">char</span> <span class="hl_o">**</span><span class="hl_v">argv</span>)
    1044. 

  1044. {
    1045. 

  1045.     <span class="hl_c">/* lokalizált sztringek tömbje */</span>
    1046. 

  1046.     <span class="hl_t">enum</span> { <span class="hl_v">WINDOW_TITLE</span>, <span class="hl_v">POPUP_TITLE</span>, <span class="hl_v">BUTTON_TITLE</span>,
    1047. 

  1047.         <span class="hl_v">EASY_TITLE</span>, <span class="hl_v">HARD_TITLE</span>, <span class="hl_v">VOLUME_TITLE</span> };
    1048. 

  1048.     <span class="hl_t">char</span> <span class="hl_o">*</span><span class="hl_v">lang</span>[] <span class="hl_o">=</span> { <span class="hl_s">&quot;Basic demo&quot;</span>, <span class="hl_s">&quot;Show&quot;</span>, <span class="hl_s">&quot;Button&quot;</span>,
    1049. 

  1049.         <span class="hl_s">&quot;easy&quot;</span>, <span class="hl_s">&quot;hard&quot;</span>, <span class="hl_s">&quot;Volume:&quot;</span> };
    1050. 

  1050. 

  1051.     <span class="hl_c">/* állapotok tárolására használt változók */</span>
    1052. 

  1052.     <span class="hl_t">int</span> <span class="hl_v">button</span> <span class="hl_o">=</span> <span class="hl_n">0</span>, <span class="hl_v">difficulty</span> <span class="hl_o">=</span> <span class="hl_n">0</span>, <span class="hl_v">volume</span> <span class="hl_o">=</span> <span class="hl_n">25</span>;
    1053. 

  1053. 

  1054.     <span class="hl_c">/* ezekre hivatkozó űrlap, HTML-folyam szerű elrendezéssel */</span>
    1055. 

  1055.     <span class="hl_v">ui_t</span> <span class="hl_v">ctx</span>;
    1056. 

  1056.     <span class="hl_v">ui_form_t</span> <span class="hl_v">popup</span>[] <span class="hl_o">=</span> {
    1057. 

  1057.         { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_BUTTON</span>, <span class="hl_o">.</span><span class="hl_v">flags</span> <span class="hl_o">=</span> <span class="hl_v">UI_FORCEBR</span>,
    1058. 

  1058.             <span class="hl_o">.</span><span class="hl_v">ptr</span> <span class="hl_o">=</span> <span class="hl_o">&amp;</span><span class="hl_v">button</span>, <span class="hl_o">.</span><span class="hl_v">value</span> <span class="hl_o">=</span> <span class="hl_n">1</span>,
    1059. 

  1059.             <span class="hl_o">.</span><span class="hl_v">label</span> <span class="hl_o">=</span> <span class="hl_v">BUTTON_TITLE</span> },
    1060. 

  1060.         { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_RADIO</span>, <span class="hl_o">.</span><span class="hl_v">flags</span> <span class="hl_o">=</span> <span class="hl_v">UI_NOBR</span>,
    1061. 

  1061.             <span class="hl_o">.</span><span class="hl_v">ptr</span> <span class="hl_o">=</span> <span class="hl_o">&amp;</span><span class="hl_v">difficulty</span>, <span class="hl_o">.</span><span class="hl_v">value</span> <span class="hl_o">=</span> <span class="hl_n">0</span>,
    1062. 

  1062.             <span class="hl_o">.</span><span class="hl_v">y</span> <span class="hl_o">=</span> <span class="hl_n">5</span>, <span class="hl_o">.</span><span class="hl_v">label</span> <span class="hl_o">=</span> <span class="hl_v">EASY_TITLE</span> },
    1063. 

  1063.         { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_RADIO</span>, <span class="hl_o">.</span><span class="hl_v">flags</span> <span class="hl_o">=</span> <span class="hl_v">UI_FORCEBR</span>,
    1064. 

  1064.             <span class="hl_o">.</span><span class="hl_v">ptr</span> <span class="hl_o">=</span> <span class="hl_o">&amp;</span><span class="hl_v">difficulty</span>, <span class="hl_o">.</span><span class="hl_v">value</span> <span class="hl_o">=</span> <span class="hl_n">1</span>,
    1065. 

  1065.             <span class="hl_o">.</span><span class="hl_v">x</span> <span class="hl_o">=</span> <span class="hl_n">20</span>, <span class="hl_o">.</span><span class="hl_v">label</span> <span class="hl_o">=</span> <span class="hl_v">HARD_TITLE</span> },
    1066. 

  1066.         { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_LABEL</span>, <span class="hl_o">.</span><span class="hl_v">flags</span> <span class="hl_o">=</span> <span class="hl_v">UI_NOBR</span>,
    1067. 

  1067.             <span class="hl_o">.</span><span class="hl_v">y</span> <span class="hl_o">=</span> <span class="hl_n">5</span>, <span class="hl_o">.</span><span class="hl_v">label</span> <span class="hl_o">=</span> <span class="hl_v">VOLUME_TITLE</span> },
    1068. 

  1068.         { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_SLIDER</span>, <span class="hl_o">.</span><span class="hl_v">ptr</span> <span class="hl_o">=</span> <span class="hl_o">&amp;</span><span class="hl_v">volume</span>, <span class="hl_o">.</span><span class="hl_v">max</span> <span class="hl_o">=</span> <span class="hl_n">100</span> },
    1069. 

  1069.         { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_END</span> }
    1070. 

  1070.     };
    1071. 

  1071.     <span class="hl_v">ui_form_t</span> <span class="hl_v">form</span>[] <span class="hl_o">=</span> {
    1072. 

  1072.         { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_POPUP</span>, <span class="hl_o">.</span><span class="hl_v">align</span> <span class="hl_o">=</span> <span class="hl_v">UI_CENTER</span> <span class="hl_o">|</span> <span class="hl_v">UI_MIDDLE</span>,
    1073. 

  1073.             <span class="hl_o">.</span><span class="hl_v">ptr</span> <span class="hl_o">=</span> <span class="hl_o">&amp;</span><span class="hl_v">popup</span>,
    1074. 

  1074.             <span class="hl_o">.</span><span class="hl_v">x</span> <span class="hl_o">=</span> <span class="hl_f">UI_PERCENT</span>(<span class="hl_n">50</span>), <span class="hl_o">.</span><span class="hl_v">y</span> <span class="hl_o">=</span> <span class="hl_f">UI_PERCENT</span>(<span class="hl_n">50</span>),
    1075. 

  1075.             <span class="hl_o">.</span><span class="hl_v">m</span> <span class="hl_o">=</span> <span class="hl_n">10</span>, <span class="hl_o">.</span><span class="hl_v">label</span> <span class="hl_o">=</span> <span class="hl_v">POPUP_TITLE</span> },
    1076. 

  1076.         { <span class="hl_o">.</span><span class="hl_v">type</span> <span class="hl_o">=</span> <span class="hl_v">UI_END</span> }
    1077. 

  1077.     };
    1078. 

  1078. 

  1079.     <span class="hl_c">/* UI kontextus inicializálása */</span>
    1080. 

  1080.     <span class="hl_f">ui_init</span>(<span class="hl_o">&amp;</span><span class="hl_v">ctx</span>, <span class="hl_k">sizeof</span>(<span class="hl_v">lang</span>)<span class="hl_o">/</span><span class="hl_k">sizeof</span>(<span class="hl_v">lang</span>[<span class="hl_n">0</span>]), <span class="hl_v">lang</span>, <span class="hl_n">640</span>, <span class="hl_n">480</span>, <span class="hl_t">NULL</span>);
    1081. 

  1081. 

  1082.     <span class="hl_c">/* várunk, amíg a felhasználó be nem zárja az ablakot */</span>
    1083. 

  1083.     <span class="hl_k">while</span>(<span class="hl_f">ui_event</span>(<span class="hl_o">&amp;</span><span class="hl_v">ctx</span>, <span class="hl_v">form</span>)) {
    1084. 

  1084.         <span class="hl_c">/* gomb lekezelése, ez akár másik szálban is lehetne */</span>
    1085. 

  1085.         <span class="hl_k">if</span>(<span class="hl_v">button</span>) {
    1086. 

  1086.             <span class="hl_f">printf</span>(<span class="hl_s">&quot;button clicked\n&quot;</span>);
    1087. 

  1087.             <span class="hl_v">button</span> <span class="hl_o">=</span> <span class="hl_n">0</span>;
    1088. 

  1088.             <span class="hl_f">ui_refresh</span>(<span class="hl_o">&amp;</span><span class="hl_v">ctx</span>);
    1089. 

  1089.         }
    1090. 

  1090.     }
    1091. 

  1091. 

  1092.     <span class="hl_c">/* ablak bezárása, erőforrások felszabadítása */</span>
    1093. 

  1093.     <span class="hl_f">ui_free</span>(<span class="hl_o">&amp;</span><span class="hl_v">ctx</span>);
    1094. 

  1094. 

  1095.     <span class="hl_k">return</span> <span class="hl_n">0</span>;
    1096. 

  1096. }</code></div>
    1097. 

  1097. <p><img class="imgl" width="191" height="114" alt="example.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL8AAAByCAYAAAACnABsAAAE70lEQVR42u2dsW6rMBRAnafsmdno2CkVQ9cwsfYPSNUv6fuRSvxGt3ZLB1SytFuzNSP5gr6lznMdA4ZAQu1zpEjBGELM8eWaBneSpumXAHCczWYjnp+fJ2rZVK4AcJmyLA/K/tAs4CvID94y1QuiKDqolOe5cb1aDvALuK+M/FLsPM/3L4QH0h4Al9OePM9FFEUiiqJ9hG+K9OrVokv61FQGcLLIr6Y6JoF1wU2pkU36BDDKtMdW2L4iNJ0CRpfzE7HBG/ltUh0ALyL/KZCdjU4HZ5VfH+zW3ZGxTZeq9mPzHmBIJmmafvHDNnCdsizFer3+O6q0B8DbnB8A+QGQHwD5AZAfAPkBkB8A+QGQHwD5AZAfAPkBjEzbVC6KwstGms/nmOKz/EVRiJubG+8aaLvditVqRQfwPfJLGXzi/f0dS8j5AZAfwM+0R+Xx8dFYniTJUfts2t6mDsCgkV8VcLlciuVyWdspbDtTEARH1QE4edrz+fm5f4+c4HTa0yaay6uEvmy6UmRZ1qlO1VXHtJ8kSX7UJY1C/s5IGWUKpBMEwcGVQS4nSSKCINjvQ92+TR0ps7ouy7IfYwQpvSyT+2QcQdrTGTXnz7Lsh+htUya5bCprqlO1zpSGmTokID85PyA/ADn/N6b/Z1q1ru2yaeB6fX3dqY5p3zZldccERP49Ly8vPwaWclkdcEox5Xp1WUdft1wuxeXlpXUd/bNMxwPQOfLrIupySt7e3mrryWW1nqmuvr6pTtUx1dWp+x6A/JWY5LSpV7edzT773t72ewBpDwDyAyA/gMs5/3a79e5JLkB+MZ/PxWq18rKReH6XyI8EQM4PgPwAyA+A/ADID4D8AMgPMC6mNMHv4+7ubv/+4eHB+c8dfeTf7XYHLxim3c4lngvC9x75d7td5eN/s9kMw2k3N+VXT+Bms9mXh2EoyrIUV1dX4uPjw+pSWhVh9DqmCNS0H7m+qWwM4tu0m+m7t203dbumlMbUvqQ936jim5abTpp8VZ20uvW2+3E1/+/abnq5TfsS+QccSHVZLyOXKoJrJ6pLHt6m81ftx1XxRyO/zQlsiuZqB/BJ/mPbzfVB7UnSnjAMa5dP1Yl8SnngzPLPZjMRx/FeePkSQog4jq0HbWrEaiuuvs1v6ABqu+l0aTdozyRN0y+bwWkTFxcXB2U2J7Dt3R71zoTpzo3tfsZyqe/SbnUdvapNTO1mcxfNtv3HTlmWYr1e/x1EfhfyYnAXk/ze/rYH8WHqm+y+3tkAj+VHdNDhJ82A/ADID4D8AMgPgPwAyA+A/ADID4D8AMgPMHJa/ban7xkQXJsECRyWv2/0KTNAiKenp4OyxWJBw5D2DE+XxyiHFL+uHEYY+fv47XzVI3dtHtPr83gkVRNNHUtRFI0dg/+JdngujpkoYTqU+Lqk6pw6Q3c400ROtsdjc4yvr69nO9nwnziOxTGP4DqR9thMVCWFZ4wBoxjwnqODAHSSX58W0MWHwJu+U1mW4vb2tvfPzbLM6jIPZ4z8LkwLeMyxh2EohpjqZbFY1N7V4XZn/3Set6duAGt7d8V2Cm2106n1bP/o9ptmbuA+/3A3C5i0CpD/G/7IBd6C/ID8AMgPgPwAyA+A/ADID4D8AMgPgPwAyA+A/ADID4D8AGNgutlsmBUAvGRiKLunWYC0BwD5AZAfwBn+AaqCPC8J0grEAAAAAElFTkSuQmCC"></p><br style="clear:both;"><label class="btn prev" accesskey="p" for="_egyedi" title="Egyedi">Előző</label><label class="btn next" accesskey="n" for="_finomhangolas" title="Finomhangolás">Következő</label></div>
    1098. 

  1098. <div class="page" rel="finomhangolas"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;Finomhangolás</li></ul><hr></div>
    1099. 

  1099. <h1 id="finomhangolas">Finomhangolás<a href="#finomhangolas"></a></h1>
    1100. 

  1100. <h2 id="alap">Alap<a href="#alap"></a></h2>
    1101. 

  1101. <p>Az SMGUI alaprendszere hangolható néhány define-al az <b>ui.h</b> behúzása előtt.</p>
    1102. 

  1102. <h3 id="ui_implementation">UI_IMPLEMENTATION<a href="#ui_implementation"></a></h3>
    1103. 

  1103. <div class="warn"><p><span>FIGYELEM</span></p><p> Ezt mindig a modulok behúzása után szabad csak definiálni.</p></div>
    1104. 

  1104. <p>Akkor kell megadni, ha nemcsak a prototípusokra, de az implementációra is szükség van.</p>
    1105. 

  1105. <h3 id="ui_noaa">UI_NOAA<a href="#ui_noaa"></a></h3>
    1106. 

  1106. <p>Anti-alias nélküli vonalat rajzol (kiiktatja a math.h és libm függőséget).</p>
    1107. 

  1107. <h3 id="ui_maxevents">UI_MAXEVENTS<a href="#ui_maxevents"></a></h3>
    1108. 

  1108. <p>A várakozó események maximális száma. Ha nincs megadva, alapértelmezetten 16.</p>
    1109. 

  1109. <h3 id="ui_maxpopups">UI_MAXPOPUPS<a href="#ui_maxpopups"></a></h3>
    1110. 

  1110. <p>A látható felugrók maximális száma. Ha nincs megadva, alapértelmezetten 16.</p>
    1111. 

  1111. <h3 id="ui_backend_initialized">UI_BACKEND_INITIALIZED<a href="#ui_backend_initialized"></a></h3>
    1112. 

  1112. <p>Ha a kódból már meg lett hívva a <samp>glfwInit()</samp> / <samp>glfwTerminate()</samp>, <samp>SDL_Init()</samp> / <samp>SDL_Quit()</samp> stb., akkor használatos.
    1113. 

  1113. Erre akkor van szükség, ha az SMGUI-val több ablakot is akarunk kezelni egyszerre.</p>
    1114. 

  1114. <h3 id="ui_backend_noflush">UI_BACKEND_NOFLUSH<a href="#ui_backend_noflush"></a></h3>
    1115. 

  1115. <p>Ha nem akarod, hogy az <samp>ui_event()</samp> érvényesítse a képet, hanem kódból magad hívod a <samp>glfwSwapBuffers()</samp> /
    1116. 

  1116. <samp>SDL_RenderPresent()</samp> / stb. függvényeket. Erre akkor van szükség, ha az UI réteg fölé még rajzolni szeretnénk.</p>
    1117. 

  1117. <h2 id="glfw3">GLFW3<a href="#glfw3"></a></h2>
    1118. 

  1118. <p>Függetlenül a GLFW3 motor is finomhangolható define-okkal, a <b>ui_glfw.h</b> behúzása előtt.</p>
    1119. 

  1119. <p>Alapból ez a motor OpenGL 3.3 core profile-os shaderekkel fordul, és egyaránt támogatja a <samp>glad</samp> és <samp>glew</samp> bővítménybetöltést.</p>
    1120. 

  1120. <h3 id="ui_glfw_noshader">UI_GLFW_NOSHADER<a href="#ui_glfw_noshader"></a></h3>
    1121. 

  1121. <p>A régi OpenGL API használata. Ez mindenhol működik és nem kell neki bővítménybetöltő se shader. A hátránya, hogy néhány videokártya
    1122. 

  1122. meghajtóban bugos a visszafele kompatibilitás, emiatt nem lehet már saját shadert se használni, ha ez az opció engedélyezve lett.</p>
    1123. 

  1123. <h3 id="ui_glfw_gles2">UI_GLFW_GLES2<a href="#ui_glfw_gles2"></a></h3>
    1124. 

  1124. <p>Használjon shadereket, de csak OpenGL ES 2.0-t (mobil platform verzió). Csak régi mobilok támogatásához, a mai modern eszközök
    1125. 

  1125. általában gond nélkül kezelik az OpenGL 3.3 core-t.</p>
    1126. 

  1126. <h3 id="ui_glfw_customhooks">UI_GLFW_CUSTOMHOOKS<a href="#ui_glfw_customhooks"></a></h3>
    1127. 

  1127. <p>Akkor használatos, ha magunk akarjuk a GLFW3 visszacsatolásokat megadni. Ekkor a visszacsatolásokból meg kell hívni
    1128. 

  1128. a motor visszacsatolásait is. Például:</p>
    1129. 

  1129. <div class="pre"><pre class="lineno">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br></pre><code><span class="hl_c">/* visszacsatolás megadása a szokásos módon */</span>
    1130. 

  1130. <span class="hl_f">glfwSetMouseButtonCallback</span>(<span class="hl_f">ui_getwindow</span>(<span class="hl_v">ctx</span>), <span class="hl_v">my_glfw_mouse</span>);
    1131. 

  1131. 

  1132. <span class="hl_c">/* a visszacsatolásod */</span>
    1133. 

  1133. <span class="hl_t">void</span> <span class="hl_f">my_glfw_mouse</span>(<span class="hl_v">GLFWwindow</span> <span class="hl_o">*</span><span class="hl_v">window</span>, <span class="hl_t">int</span> <span class="hl_v">button</span>, <span class="hl_t">int</span> <span class="hl_v">action</span>, <span class="hl_t">int</span> <span class="hl_v">mods</span>)
    1134. 

  1134. {
    1135. 

  1135.     <span class="hl_c">/* tetszőlegesen értelmezhető */</span>
    1136. 

  1136.         <span class="hl_c">/* ... */</span>
    1137. 

  1137.     <span class="hl_c">/* a végén meg kell hívni az ui_glfw visszacsatolását is */</span>
    1138. 

  1138.     <span class="hl_f">ui_glfw_mouse</span>(<span class="hl_v">window</span>, <span class="hl_v">button</span>, <span class="hl_v">action</span>, <span class="hl_v">mods</span>);
    1139. 

  1139. }</code></div><br style="clear:both;"><label class="btn prev" accesskey="p" for="_pelda" title="Példa">Előző</label><label class="btn next" accesskey="n" for="_smgui_licensz" title="SMGUI Licensz">Következő</label></div>
    1140. 

  1140. <div class="page" rel="smgui_licensz"><div><ul class="breadcrumbs"><li><label class="home" for="_" title="Főoldal"></label>&nbsp;»</li><li>&nbsp;SMGUI Licensz</li></ul><hr></div>
    1141. 

  1141. <h1 id="smgui_licensz">SMGUI Licensz<a href="#smgui_licensz"></a></h1>
    1142. 

  1142. <p>A megengedő <b>MIT licensz</b> szerint kerül terjesztésre.</p>
    1143. 

  1143. <div class="pre"><pre>
    1144. 

  1144. A szabad felhasználás jogát ezennel ráruházom bármely személyre
    1145. 

  1145. aki jelen mű és dokumentációjának egy példányát (a továbbiakban
    1146. 

  1146. “Szoftver”) megszerezte, hogy a szoftvert korlátozás nélkül -
    1147. 

  1147. beleértve a használat, másolás, módosítás, kiadás, terjesztés,
    1148. 

  1148. és/vagy értékesítés jogát - felhasználhassa, és a továbbadott
    1149. 

  1149. példánnyal hasonlóan járhasson el, amennyiben a következő feltételek
    1150. 

  1150. teljesülnek:
    1151. 

  1151. 

  1152. A fenti szerzői jogot és felhasználási jogot biztosító szöveget
    1153. 

  1153. fel kell tüntetni a Szoftver minden teljes és rész másolataiban is.
    1154. 

  1154. 

  1155. A SZOFTVER “ÚGY, AHOGY VAN” KERÜL TERJESZTÉSE, MINDENNEMŰ JÓTÁLLÁS
    1156. 

  1156. NÉLKÜL, KÖZVETVE VAGY KÖZVETETTEN, BELEÉRTVE A KERESKEDELMI JÓTÁLLÁS
    1157. 

  1157. VAGY EGY ADOTT CÉLRA TÖRTÉNŐ FELHASZNÁLÁSRA ALKALMASSÁGOT. A SZERZŐI
    1158. 

  1158. JOG TULAJDONOSA SEMMILYEN KÖRÜLMÉNYEK KÖZÖTT NEM TEHETŐ FELELŐSSÉ
    1159. 

  1159. BÁRMILYEN MÓDON, BELEÉRVE A SZOFTVER RENDELTETÉSSZERŰ HASZNÁLATA
    1160. 

  1160. SORÁN, VAGY RENDELTETÉSSZERŰ HASZNÁLATTÓL ELTÉRŐ FELHASZNÁLÁS
    1161. 

  1161. SORÁN A SZOFTVER ÁLTAL ESETLEGESEN OKOZOTT KÁROKÉRT.
    1162. 

  1162. </pre></div><br style="clear:both;"><label class="btn prev" accesskey="p" for="_finomhangolas" title="Finomhangolás">Előző</label></div>
    1163. 

  1163.       <footer><hr><p>© Copyright 2024 bzt (bztsrc@gitlab)<br><small>Generated by <a href="https://gitlab.com/bztsrc/gendoc">gendoc</a> v1.0.0</small></p></footer>
    1164. 

  1164.     </div>
    1165. 

  1165.   </div>
    1166. 

  1166. <script>function m(){document.getElementById("menuchk").checked=false;}function c(s){var r=document.getElementById(s);if(r!=undefined){if(r.tagName=="INPUT")r.checked=true;else document.getElementById("_"+r.parentNode.getAttribute("rel")).checked=true;}m();}function s(s){var r=document.getElementById("_s"),p=document.getElementById("_m").getElementsByClassName("page"),n,i,j,a,b,c,d;if(s){s=s.toLowerCase();document.getElementById("_t").style.display="none";r.style.display="block";while(r.firstChild)r.removeChild(r.firstChild);n=document.createElement("p");n.appendChild(document.createTextNode("Találatok"));r.appendChild(n);for(i=1;i<p.length;i++){a=p[i].getAttribute("rel");b="";c=p[i].childNodes;d=p[i].getElementsByTagName("H1")[0].innerText;for(j=1;j<c.length && c[j].className!="btn prev";j++){if(c[j].id!=undefined&&c[j].id!=""){a=c[j].id;d=c[j].innerText;}else if(a!=b&&c[j].innerText!=undefined&&c[j].innerText.toLowerCase().indexOf(s)!=-1){b=a;n=document.createElement("a");n.appendChild(document.createTextNode(d));n.setAttribute("href","#"+a);n.setAttribute("onclick","c('"+a+"');");r.appendChild(n);}}}}else{document.getElementById("_t").style.display="block";r.style.display="none";}}document.addEventListener("DOMContentLoaded",function(e){var i,r,n;document.getElementById("_q").style.display="inline-block";if(document.location.href.indexOf("?")!=-1)document.location.href=document.location.href.replace("?","#");else{r=document.querySelectorAll("LABEL:not(.menu)");while(r.length){l=r[0].getAttribute("for").substr(1);n=document.createElement("a");n.appendChild(document.createTextNode(r[0].innerText));n.setAttribute("href","#"+l);n.setAttribute("onclick","c('"+(l!=""?l:"_")+"');");if(r[0].getAttribute("class")!=undefined)n.setAttribute("class",r[0].getAttribute("class"));if(r[0].getAttribute("title")!=undefined&&l!="")n.setAttribute("title",r[0].getAttribute("title"));if(r[0].getAttribute("accesskey")!=undefined)n.setAttribute("accesskey",r[0].getAttribute("accesskey"));r[0].parentNode.replaceChild(n,r[0]);r=document.querySelectorAll("LABEL:not(.menu)");}try{c(document.location.href.split("#")[1]);}catch(e){}}});</script>
    1167. 

  1167. </body>
    1168. 

  1168. </html>
    1169. 

  1169.