Swiping Pages in Unity 

Glad to hear it!

hye im a newbie in coding can you help me how to add this code?

thank you verry much

Thank you so much!!

thanks for help, profesional unity team from Czech Republic

"int currentChild" is private!

Hey Dom, I cover it in this video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-tCr_i5CVv_w.html

Hey, thanks bud!

A mí no me detecta el "OnDrag", he usado el Debug.Log para ver si me calcula las coordenadas pero no funciona... No estoy usando Panels, puede ser por eso?

@@maestradebobobo767 intenta hacerlo tal cual como el tutoríal , mismos nombres de los prefabs todo tal cual igual, ya cuando te funcione puedes modificar lo que gustes y así veras cual es el error

Oscar Sanchez Vale, por alguna razón me faltaba el EventSystem y sin EventSystem no funciona.

@@maestradebobobo767 haz una prueba, construyelo y pásalo a tu teléfono e intenta hacer swipe después de rotar el teléfono en modo horizontal y me comenta si te funciono perfecto

Oscar Sanchez Me funcionó perfectamente! Gracias

thanks

I have the same problema, you found solution?

maybe a little late , but i was able to solve the problem. you probably dont use Screen Space - Overlay in the Canvas but Screen Space- Camera. You can either switch, or use transform.localposition insted

In the "CANVAS" object, change the "CANVAS" component "Render Mode" to "Screen Space - Overlay". Soon I will start recording tutorials too! :)

Hi, I solved this problem. I can give some hint for you. Good Luck :) if(this.GetComponent().offsetMin.x > 0) { StartCoroutine(SmoothMove(transform.position, panelLocation, easing)); }

Hi, i got the same problem as you, but after comparing my and his code i realised that in the first line of the OnEndDrag function i wrote: float percentage = (data.position.x - data.position.x) / Screen.width; instead of float percentage = (data.pressPosition.x - data.position.x) / Screen.width; So maybe u got the same careless mistake as me.

@@PumaGnom Maybe i face problems on vector 3 script. thanks for the help

same problem, any solution?

@@PumaGnom i wrote the same thing " (data.pressPosition.x) " but it still doesn't work

for me it stopped working because my timescale (Time.timescale) was set to 0 when i loaded the scene.

do you mean this fix? ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-tCr_i5CVv_w.html

You can recalculate the panels size in Awake function, then layout child components inside these panels using Group component or something like that private void Awake() { for (int i = 0; i < transform.childCount; i++) { Transform child = transform.GetChild(i); RectTransform childRect = child.GetComponent(); childRect.sizeDelta = new Vector2(Screen.width, Screen.height); } }

@@lcd11001 yep thanks, I actually already did what I need with just a bit of thinking. Some tutorials make us spoiled programmers sometimes 😅

@@ComputerOyyy Can you please share how you did this?

I have the same Problem, maybe you can use some ScreenTo-whatever function?

tks

dont use Screen-Space Camera

@Can SOLEN public void OnEndDrag(PointerEventData data) { float percentage = (data.pressPosition.x - data.position.x) / Screen.width; if (Mathf.Abs(percentage) >= percentThreshold) { Vector3 newLocation = panelLocation; if (percentage > 0) { if (pageNum < maxPage) { pageNum++; var test = Camera.main.ScreenToWorldPoint(new Vector3(-Screen.width / 2, 0, 0)); test = new Vector3(test.x, 0, 0); newLocation += test; } } else if (percentage < 0) { if (pageNum > 1) { pageNum--; var test = Camera.main.ScreenToWorldPoint(new Vector3(Screen.width, 0, 0)); test = new Vector3(test.x * 2, 0, 0); newLocation += test; } } StartCoroutine(SmoothMove(transform.position, newLocation, easing)); panelLocation = newLocation; } else { transform.position = panelLocation; } }

I tried Changing the OnDrag to Vector3 pos = transform.position pos.y = Input.mousePosition.y; transform.position = pos; But when i swipe up or down it returns to the main panel always Any help plz😥

@@ibrahimmohamedmahmoudali3668 I have the same problem did you find out how to fix it?

Same Problem here

@@lappenjr.2506 Anyone found a solution to this?

Should work fine with smartphones and tablets (touch devices). Since it uses a canvas element, you can modify the settings on the canvas to make it responsive for different resolutions. Cheers

@@pressstart6864 It doesnt work for diffrent resolutions, because the "PanelHolder" is a gameObject, not a canvas. You cant make it a canvas because you wont be able swipe then. I dont se any way to fix this issue, i think a diffrent Method is required.

@@lappenjr.2506 Did you find a fix for this?

Kind of. I remember that I made a workaround, to scale according to the Screen Aspect Ration from inside the script. But its like stretching a Photo, it doesnt look good on Tablets...

Found what i was looking for in your next video :) Thank you ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-tCr_i5CVv_w.html

Just paste this public void OnDrag(PointerEventData data) { float difference = data.pressPosition.x - data.position.x; if(currentPage == 1 && difference > 0 || currentPage != 1 && currentPage != totalPages|| currentPage == totalPages && difference < 0) transform.position = panelLocation - new Vector3(difference, 0, 0); }

Go to the video next to this one, in the end there is the solution. Pretty simple, btw

The fixed is here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-tCr_i5CVv_w.html

@@lcd11001 God Bless my dude

In the "CANVAS" object, change the "CANVAS" component "Render Mode" to "Screen Space - Overlay". Soon I will start recording tutorials too! :)

@Tavint please start the tutorials I will watch them😃😄

I have the same problem with only 3 pannel Edit: YOU HAVE TO CHANGE ON MIDDLE RIGHT ON UNITY THE NUMER OF PAGES YOU HAVE!!

Can you please explain how you did this, it would be a big help!

I dont understand

@@gamingtotdemaxi mine might be a little different to his, but generally the same. ANSWER TO DIFFERENT SCREENS/ DYNAMIC SCREEN SIZES: 3 Main steps:> 1. Create a reference panel on unity, ie this is the panel that will always adapt to the size of the canvas automatically. Normally the very next panel canvas sees naturally does this 2. Create a script (attach it to your canvas), with the number of panels you are using as game objects ie : public GameObject referencePanel, panelOne, panelTwo, panelThree; etc 3. In Void start; Write the code: PanelOne.transform.position = referencePanel.position //this makes your panel go to the same position as the reference panel which is the precise size of the canvas and location 4. then write: PanelTwo.transform.position = new Vector3 (screen.width, screen.height/2); //This makes panel two move its X axis to the right by the exact size of the reference panel. 5. lastly, do the same things for each panel that you have. However, on the second code for your third panel, do - screen.width*2 and for your fourth panel, do screen.width*3 etc etc. Here are a few things to keep an eye on: 1. Make sure that your pivot is set to the middle left side on each panel 2. Your first panel does not need to be moved, so it only needs to be set to the same position as the reference panel, so the second code is only applied to the panels outside the field of view 3. I know this could be simplified, i am still yet to simplify it, but this is what worked for me and i felt i had o share it asap

@@henrig8708 even if this is a simplified version, it worked for me, thanks!

Great video though