HU/Scripting the GUI - Tutorial 3 - Revision history

Surge: /* A GUI létrehozása */

2018-12-26T21:24:22Z

A GUI létrehozása

← Older revision		Revision as of 21:24, 26 December 2018
Line 14:		Line 14:

	===A GUI létrehozása===		===A GUI létrehozása===
	~~Ahogy az~~ előző ~~tutoriálokat használva,~~ most már jól kell ismernie a GUI létrehozásának lépéseit, ezért nem is fogunk túl nagy részleteiben belemenni.		Az előző tutoriálok használata után most már jól kell ismernie a GUI létrehozásának lépéseit, ezért nem is fogunk túl nagy részleteiben belemenni.
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	function createNewsFeed()		function createNewsFeed()

Surge: /* A hírek frissítése */

2018-12-25T19:05:06Z

A hírek frissítése

← Older revision		Revision as of 19:05, 25 December 2018
Line 123:		Line 123:
	Mint azt korábban említettük, a hírek a 'newsLabel' GUI címkéjén fognak megjelenni.		Mint azt korábban említettük, a hírek a 'newsLabel' GUI címkéjén fognak megjelenni.

	~~To do this~~, ~~we will write~~ a ~~simple function to get the next news item from our~~ 'newsItems' ~~table and display it in our label~~.		Ehhez egy egyszerű függvényt fogunk írni, hogy megkapjuk a következő hírt a 'newsItems' táblánkból és megjelenítjük a címkénken.
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	-- define our function with a newIndex parameter, so that we can pass which news item we want to show		-- define our function with a newIndex parameter, so that we can pass which news item we want to show
Line 138:		Line 138:
	</syntaxhighlight>		</syntaxhighlight>

	===~~Sizing the Label~~===		===A címke méretezése===
	~~To make our news scrolling as accurate as possible~~, ~~we need to be able to make the~~ GUI ~~label the same size as the news item text it is showing~~.		Ahhoz, hogy a híreket a lehető legpontosabban tudjuk görgetni, képesnek kell lennünk arra, hogy a GUI címke ugyanakkora méretű legyen, mint a megjelenített hírek szövege.

	~~While this may seem like~~ a ~~tricky thing to do, it is made very easy with the function~~ [[guiLabelGetTextExtent]].		Bár ez egy kicsit bonyolultnak tűnhet, de a [[guiLabelGetTextExtent]] fügvénnyel ez nagyon egyszerűen elvégezhető.
	~~This will tell us the extent, or width~~, ~~of the text currently shown in our label~~.		Ez jelzi a címkén jelenleg látható szöveg terjedelmét, vagy szélességét.
	~~So with a few modifications to our~~ 'updateNewsItems' ~~function, we get~~:		Szóval néhány az 'updateNewsItems' függvényünkön történő módosítás után ezt kapjuk:
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	function updateNewsItem(newIndex)		function updateNewsItem(newIndex)
Line 163:		Line 163:
	</syntaxhighlight>		</syntaxhighlight>

	===~~Positioning the Label~~===		===A címke elhelyezése===
	Now that our GUI label is the correct width, we need to move it to a position where it is ready to scroll onto the screen.		Now that our GUI label is the correct width, we need to move it to a position where it is ready to scroll onto the screen.

Surge: /* Updating the News */

2018-12-25T17:45:16Z

Updating the News

← Older revision		Revision as of 17:45, 25 December 2018
Line 119:		Line 119:
	Most ven egy 'newsItems'-nek nevezett táblánk, amely az összes hír szöveget egy xml fájlban tartja.		Most ven egy 'newsItems'-nek nevezett táblánk, amely az összes hír szöveget egy xml fájlban tartja.

	==~~Updating the News~~==		==A hírek frissítése==
	~~Now that we have our~~ GUI ~~created and our news items ready~~, ~~we need to write some code to update the news item being shown to players~~.		Most, hogy létrehoztuk a GUI-t, és a hírek is készen állnak, írnunk kell még néhány kódot, hogy frissítsük a játékosok számára bemutatott híreket.
	~~As stated earlier~~, ~~our news items will be shown on our~~ 'newsLabel' GUI ~~label~~.		Mint azt korábban említettük, a hírek a 'newsLabel' GUI címkéjén fognak megjelenni.

	To do this, we will write a simple function to get the next news item from our 'newsItems' table and display it in our label.		To do this, we will write a simple function to get the next news item from our 'newsItems' table and display it in our label.
Line 196:		Line 196:
	</syntaxhighlight>		</syntaxhighlight>
	The final argument "false" means both 400 and 0.5 will be read as pixel values.		The final argument "false" means both 400 and 0.5 will be read as pixel values.


	==Scrolling the News==		==Scrolling the News==

Surge: /* A hírek összegyűjtése */

2018-12-25T17:40:29Z

A hírek összegyűjtése

← Older revision		Revision as of 17:40, 25 December 2018
Line 96:		Line 96:
	end		end
	</syntaxhighlight>		</syntaxhighlight>
	'''~~Mindig emlékezzen~~ bezárni a fájlt, miután már nem használja őket.'''		'''Ne felejtse el bezárni a fájlt, miután már nem használja őket.'''

	~~Finally~~, ~~we can add some more code to our loadNews function to read the news items into our~~ newsItems ~~table~~:		Végül hozzáadhatunk több kódot a loadNews függvényünkhoz, hogy beolvassa a híreket a newsItems táblánkba:
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	function loadNews()		function loadNews()
Line 117:		Line 117:
	end		end
	</syntaxhighlight>		</syntaxhighlight>
	~~We now have a table called~~ 'newsItems' ~~holding all of our news text from the~~ xml ~~file~~.		Most ven egy 'newsItems'-nek nevezett táblánk, amely az összes hír szöveget egy xml fájlban tartja.

	==Updating the News==		==Updating the News==

Surge: /* Collecting the News */

2018-12-25T14:34:43Z

Collecting the News

← Older revision		Revision as of 14:34, 25 December 2018
Line 69:		Line 69:
	Nincs korlátozás arra vonatkozóan, hogy mennyi hírelemet adhat hozzá.		Nincs korlátozás arra vonatkozóan, hogy mennyi hírelemet adhat hozzá.

	===~~Collecting the News~~===		===A hírek összegyűjtése===
	~~Once we have written all our news items~~, ~~we will need to collect them all and store them in~~ a ~~table on the client~~.		Miután megírtuk a híreinket, összekell gyűjtenünk őket és tárolni egy táblában a kliens oldalon.
	~~We will do this when the~~ resource ~~starts~~, ~~saving us from having to repeatedly access the~~ xml ~~for new news items~~.		Ezt akkor fogjuk megtenni, amikor a resource elindul, ez megment minket attól, hogy folyamatosan hozzá nyúljunk az xml-hez az új hírek miatt.

	~~First, we need to define a table to store the items in~~:		Először meg kell adnunk egy táblázatot az elemek tárolásához:
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	local newsItems = {}		local newsItems = {}
	</syntaxhighlight>		</syntaxhighlight>
	~~Add this line to the top of your~~ script.		Adja hozzá ezt a sort a script tetejére.
	~~Make sure it is not inside~~ a ~~function otherwise it will not exist outside of that function~~ (~~as denoted by the prefix~~ "local").		Győzödjön meg arról, hogy nem egy függvényben van benne, különben nem fog működni azon a függvényen kívül (ezt a "local" előtag jelzi).
	~~When defined in the main body of the~~ script ~~it will exist in all functions~~.		Ha a script egész részében van meghatározva, akkor az összes függvényben működni fog.


	~~Next, we will need to load the~~ xml ~~file~~:		Ezután be kell töltenünk az xml fájlt:
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	function loadNews()		function loadNews()
Line 96:		Line 96:
	end		end
	</syntaxhighlight>		</syntaxhighlight>
	'''~~Always remember to unload files once you are finished using them~~.'''		'''Mindig emlékezzen bezárni a fájlt, miután már nem használja őket.'''

	Finally, we can add some more code to our loadNews function to read the news items into our newsItems table:		Finally, we can add some more code to our loadNews function to read the news items into our newsItems table:

Surge: /* A hírek megírása */

2018-12-24T22:05:35Z

A hírek megírása

← Older revision		Revision as of 22:05, 24 December 2018
Line 67:		Line 67:
	</syntaxhighlight>		</syntaxhighlight>
	Ahogy azt láthatja minden hírelemet <news>-ként határoztunk meg, melynek értéke a megjelenítendő hírszöveg.		Ahogy azt láthatja minden hírelemet <news>-ként határoztunk meg, melynek értéke a megjelenítendő hírszöveg.
	Nincs korlátozás arra vonatkozóan, hogy mennyi hírelemet ad hozzá.		Nincs korlátozás arra vonatkozóan, hogy mennyi hírelemet adhat hozzá.

	===Collecting the News===		===Collecting the News===

Surge: /* A hírek megírása */

2018-12-24T22:02:44Z

A hírek megírása

← Older revision		Revision as of 22:02, 24 December 2018
Line 66:		Line 66:
	</root>		</root>
	</syntaxhighlight>		</syntaxhighlight>
	Ahogy azt láthatja minden hírelemet <news>-ként ~~határozunk~~ meg, melynek értéke a megjelenítendő hírszöveg.		Ahogy azt láthatja minden hírelemet <news>-ként határoztunk meg, melynek értéke a megjelenítendő hírszöveg.
	Nincs korlátozás arra vonatkozóan, hogy mennyi hírelemet ad hozzá.		Nincs korlátozás arra vonatkozóan, hogy mennyi hírelemet ad hozzá.

Surge: /* Writing the News */

2018-12-24T14:21:46Z

Writing the News

← Older revision		Revision as of 14:21, 24 December 2018
Line 51:		Line 51:
	A 'currentItem' változóval fogjuk nyomon követni, hogy jelenleg mely híreket jelenítjük meg.		A 'currentItem' változóval fogjuk nyomon követni, hogy jelenleg mely híreket jelenítjük meg.

	===~~Writing the News~~===		===A hírek megírása===
	~~Now that we have our~~ GUI ~~created~~, ~~we need some news to fill it with~~.		Most, hogy létrehoztuk a GUI-nkat, szükségünk lesz néhány hírre amivel ezt megtöltjük.
	~~To do this~~, ~~we will read our news items out of~~ a ~~clientside xml file~~.		Ehhez egy külsű kliens oldali xml fájlt fogunk használni, hogy beolvassuk a híreket.

	~~So, navigate to your~~ resource ~~directory and create a new~~ xml ~~file called~~ newsfeed.xml (~~don't forget to add it to your~~ meta.xml ~~with the appropriate~~ client ~~tag~~).		Menjen a resource mappába és hozzon létre egy új xml fájlt newsfeed.xml néven (ne felejtse hozzáadni a meta.xml-hez a megfelelő client taggal).

	~~Inside this file enter the following information~~:		Ebben a fájlban adja meg az alábbi információkat:
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	<root>		<root>
Line 66:		Line 66:
	</root>		</root>
	</syntaxhighlight>		</syntaxhighlight>
	~~As you can see, each news item is defined as a~~ <news> ~~node with the value being the news text you want to display~~.		Ahogy azt láthatja minden hírelemet <news>-ként határozunk meg, melynek értéke a megjelenítendő hírszöveg.
	~~There is no limit on how many news items you can add~~.		Nincs korlátozás arra vonatkozóan, hogy mennyi hírelemet ad hozzá.

	===Collecting the News===		===Collecting the News===

Surge: /* A GUI létrehozása */

2018-12-24T14:09:43Z

A GUI létrehozása

← Older revision		Revision as of 14:09, 24 December 2018
Line 47:		Line 47:
	Not only is this good practice in general, but it means that we can freely move parts of the label beyond the edge of the gridlist without them showing, which is critical to the visual effect of this tutorial.		Not only is this good practice in general, but it means that we can freely move parts of the label beyond the edge of the gridlist without them showing, which is critical to the visual effect of this tutorial.

	~~Also notice the use of the~~ 'resourceRoot' ~~variable~~. ~~This is an~~ MTA ~~variable that holds the~~ root ~~element value of the resource you are using it in~~.		Valamint a 'resourceRoot' változó használatát se feledje el. Ez egy olyan MTA változó, amely a használt resource root elem értékét tartalmazza.

	~~The~~ 'currentItem' ~~variable is what we will use to keep track of which news item we are currently showing~~		A 'currentItem' változóval fogjuk nyomon követni, hogy jelenleg mely híreket jelenítjük meg.

	===Writing the News===		===Writing the News===

Surge: /* A hírek létrehozása */

2018-12-22T00:22:51Z

A hírek létrehozása

← Older revision		Revision as of 00:22, 22 December 2018
Line 12:		Line 12:
	==A hírek létrehozása==		==A hírek létrehozása==
	Kezdésként nyisson meg egy client oldali lua fájlt (ha követte a [[HU/Bevezetés a scriptelésbe\|bevezetés a scriptelésbe]] oldalt, akkor ez a gui.lua lesz) amivel majd dolgozni fog.		Kezdésként nyisson meg egy client oldali lua fájlt (ha követte a [[HU/Bevezetés a scriptelésbe\|bevezetés a scriptelésbe]] oldalt, akkor ez a gui.lua lesz) amivel majd dolgozni fog.


	===A GUI létrehozása===		===A GUI létrehozása===