Xcode Menu of Buttons - xcode

I'm a complete newbie to Xcode and I'm trying to create my first app for my website: www.mathimation.co.uk
I'd like to create a menu of buttons similar to my website, which looks like the home screen of an iPhone/iPad. The buttons simply take you to another screen when clicked.
However I'm stuck! I've tried using buttons and labels within stacks, however I can't quite get the constraints/sizing correct. Everything moves or doesn't resize correctly on different devices. I've found tutorials that have worked for Image Views, but not Buttons which contain images. I've tried a Collection View, however I feel out of my depth with the coding and it then doesn't work.
If I were building a website, I would create a table, insert the images and text, then hyperlink to different pages. But this doesn't seem as simple!
Does anyone have any suggestions? Or know of any good tutorials to help?
Thank you so much!
Screenshots:
Menu on my website I am trying to create:
http://www.mathimation.co.uk/wp-content/uploads/2017/08/Mathimation-Menu.png
EDIT: I have had some success with Stacks, however am I now using too many?
http://www.mathimation.co.uk/wp-content/uploads/2017/08/Xcode-Menu-1.png

Related

Why is "onmouseover" not working on a live website launched through Netlify?

I'm doing my first bit of coding in school, making a simple website. I code in Visual Studio Code and I'm using a mouseevent for pictures. I want the picture to change into another picture and then change back to the original pic when the mouse is hovering over it.
I've tried multiple different ways of doing this, including simple functions and more complex ones. All working perfectly on my live server version of the site. But as soon as I launch the site through Netlify, making it live, the mouse hover function ceases to work.
This is the current way I'm doing it, and as I said, works perfectly in VS Code:
<img src="assets/GrasshopperPapaya.jpg" height="550" width="700" onmouseover="this.src='assets/onionized-jungle-imagen.png'" onmouseout="this.src='assets/GrasshopperPapaya.jpg'"/>
I'm having the same problem using onmouseover and Netlify (while changing menu pictures when mouse moves over menu itens).
I don't know if that couldn't be a browser issue. On this case the problem occurs using onmouseover, but only on Chrome.
Please, let me know if you find an answer.

Anybody what is the basic navigation, label, button, text box sizes in Xcode?

I need to know about the basic sizes of the iPhone, iPad? So some one tell me about the basic matter of those machines.
Check this out. This contains the sizes of UI controls of iphone
http://www.idev101.com/code/User_Interface/sizes.html
You can also get more information here
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/UIKitUICatalog/UILabel.html#//apple_ref/doc/uid/TP40012857-UILabel-SW1
Also
http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

My app file size is already 32Mb

I'll start off by saying I am an absolute beginner. I've been following a very good tutorial on YouTube and reading a few books. So far, I have a working app which consists of a splash screen, load up music and then a menu with 6 buttons. I have got these six buttons opening up a new view. I have created a new Java class and a new layout.xml for each new view. Is this right? Basically, all I want to know is how to make an efficient app which allows me to use my 6 buttons to take me to another set of buttons as a sub-menu and then inside those buttons I want to display the information using text and videos and audio. It's a tutorial app. Once I know how to do this then I should be able to continue developing within the app. Any help or ideas please? Since my app is already so large, I'm guessing I've done something wrong, but as I say, the app is working at least.
I had a similar problem. My app was 40MB. I found out my music files were too big. I was using wav files. When I converted them to ogg files, my app went down to 14MB.
This website was useful: http://media.io
The buttons and extra activities probably don't take up that much space. I'm guessing it's the music and maybe any images that you have.

Collection View Not Visible in Simulator

I am extremely new at Xcode. I am building an app that has a collection view in it. It looks great in the storyboard view, but nothing shows up when I run the simulator. I have images and labels in the cells. I have created a subclass for the cells and made my connections for the images and labels into the .h file. For right now I am just making a stub prototype (cells don't link to anything). If anyone can give me an answer or just suggest something to try than that would be great.
You're making a dynamic prototype - to actually show data, you need to read up on datasources and delegates.
If I were you, I would start with trying to make a simple UITableView app first. Google UITableView tutorial to get started.
After you're familiar with the above concepts, then would I suggest to go through a collection view tutorial - it's a relatively simple set of concepts when you get it, but you have to get it first :)

Dashcode question - OnClick image to fullscreen?

I have a web app I'm building in Dashcode, currently every thing is working as advertised. I'm using the browser template and was able to modify it a bit, got the xml working to connect images and their description. Now I want to add a simple OnClick event that sends the image to fullscreen but I can't find any documentation for that. I'm pretty sure this is easily done so I'm missing something here? Any help greatly appreciated.
Tom
Taking over the screen is a bit complicated (if your talking about a full screen experience like youtube), but full screen in the browser window is defiantly possible. The simplest method is to have the click event open a link to the image location. This would load the image in full resolution in the browser window. A more elegant approach would be to load the image url into the source of a image dashcode object. and have that objects visibility only appear overs the whole web app when the Oncick event occurs. If you are talking about a built in function in dashcode to achieve a full screen/browser image, your out of luck.

Resources