Discussion Forums  >  Images, Documents, File Locations

Replies: 18    Views: 102

WizardHunt
Aspiring developer
Profile
Posts: 46
Reg: Jul 20, 2012
Las Vegas
6,860
07/21/13 01:19 PM (10 years ago)

How to Adjust my Main Menu image so that it does not go underneath the Nav Bar?

I am still having a issue regarding centering my image in my main menu on my app. In Buzz Touch Console there are options that allow Full screen, Full Screen preserve Ratio, Top Middle and so on. . . I have chose Top Middle but that places my image under the Navigation bar which I don't want to happen. Any special technique to fix this or adjust it?
 
Bonzo
Apple Fan
Profile
Posts: 783
Reg: Jan 30, 2012
Basingstoke
13,530
like
07/21/13 01:23 PM (10 years ago)
sounds like you have nav bar set as transparent? check out your nav bar settings and set to solid
 
AlanMac
Aspiring developer
Profile
Posts: 2612
Reg: Mar 05, 2012
Esher, UK
37,120
like
07/21/13 01:30 PM (10 years ago)
Do you mean that the bottom part of your image is covered up by the Navigation bar at the bottom? It sounds like the size of the image is a bit too long and it is getting cropped. Whether you are using Android or Apple makes a difference in the ultimate solution - for Apple I tend to use 'full size' for my images, which covers most things and I make small images at 320x480 pixels and large images at 768x1024 pixels.
 
WizardHunt
Aspiring developer
Profile
Posts: 46
Reg: Jul 20, 2012
Las Vegas
6,860
like
07/21/13 01:30 PM (10 years ago)
Well Yes I did have the navigation bar set to solid, but wanted the whole image to be seen under the navigation bar, and having the Navigation bar remain at solid. Reason is I am using rounded corners and if I turn the transparent bar on, then the user will not see the top rounded part of the image and it looks strange. Is there any way around this?
 
WizardHunt
Aspiring developer
Profile
Posts: 46
Reg: Jul 20, 2012
Las Vegas
6,860
like
07/21/13 01:33 PM (10 years ago)
AlanMac , you are correct my image is being covered by the Navigation bar at the top of the image. I could make the image longer and make it so that the image part that I want to show up be just below the Nav Bar but the problem is . . . then I can't use rounded edges on the top part or rather the user will not see it and it appears strange with the bottom rounded and the top not being seen.
 
AlanMac
Aspiring developer
Profile
Posts: 2612
Reg: Mar 05, 2012
Esher, UK
37,120
like
07/21/13 01:38 PM (10 years ago)
Hi @WizardHunt, what it sounds like is you need to add some transparency to the area of your image that is being obscured, if that makes sense.
 
WizardHunt
Aspiring developer
Profile
Posts: 46
Reg: Jul 20, 2012
Las Vegas
6,860
like
07/21/13 01:40 PM (10 years ago)
Hi @AlanMac, how is that done while at the same time keeping the rounded edges showing at the top of the image. I was assuming the if I made the Navigation bar solid that it would push the image downwards so it would display correctly but that is not the case unless i have something messed up in my code.
 
AlanMac
Aspiring developer
Profile
Posts: 2612
Reg: Mar 05, 2012
Esher, UK
37,120
like
07/21/13 01:49 PM (10 years ago)
Presumably, the rounding is achived by using transparency at the outside of the corners of png background images? If so, then if you imagine having a transparent strip above and/or below the corners, that could give the effect you are after. Overall dimensions may need to be adjusted.
 
WizardHunt
Aspiring developer
Profile
Posts: 46
Reg: Jul 20, 2012
Las Vegas
6,860
like
07/21/13 01:50 PM (10 years ago)
Ok Thanks @AlanMac, I will give that a shot and play around with it.
 
tb
buzztouch Evangelist
Profile
Posts: 2050
Reg: Nov 03, 2011
Oxford
32,300
like
07/21/13 02:36 PM (10 years ago)
Think of an app as being in layers. Back: Background Middle: Menus/Content Front: Nav Bar If your nav bar is solid, then the Menus/Content becomes the front as well. But whatever you do, the background is always going to be behind anything, hence the name.
 
WizardHunt
Aspiring developer
Profile
Posts: 46
Reg: Jul 20, 2012
Las Vegas
6,860
like
07/21/13 02:41 PM (10 years ago)
Great @Annadale Apps, I think I am beginning to understand better now. Thanks!
 
SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
like
07/21/13 05:11 PM (10 years ago)
This is a pretty decent reference with respect to creating screen images for your screens... http://www.idev101.com/code/User_Interface/sizes.html Following AlanMac's lead, create an image that has a 'size' of the desired screen, but the top xxx pixels will need to be transparent, so it gives the 'effect' that the image starts just under the navigation bar. basically your 'size' and your 'viewable area' are going to be different, and need to be accounted for. Cheers! -- Smug
 
WizardHunt
Aspiring developer
Profile
Posts: 46
Reg: Jul 20, 2012
Las Vegas
6,860
like
07/21/13 05:17 PM (10 years ago)
@SmugWimp, Thanks for the excellent webpage reference!!!
 
AlanMac
Aspiring developer
Profile
Posts: 2612
Reg: Mar 05, 2012
Esher, UK
37,120
like
07/22/13 02:31 PM (10 years ago)
Hi @WizardHunt, how did you get on? Are you sorted?
 
WizardHunt
Aspiring developer
Profile
Posts: 46
Reg: Jul 20, 2012
Las Vegas
6,860
like
07/22/13 03:36 PM (10 years ago)
Hi @AlanMac, I got it to work. But did have to move my menu up and put the image below my list. That worked out for me for now. This way I got to keep my rounded corners on my list, and the rounded corners on my image. I really wanted it on the top portion but really after thinking about it, it does not matter. I did buy a plugin from Susan the one that is called Menu with Image Vers. 2.1 but have not installed it yet. I was worried that I would have to start over if I did that menu. Is this true? Or would I just need to delete my old main menu and install her plug in and then assign the other screens back to the new plug in?
 
SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
like
07/22/13 06:29 PM (10 years ago)
Well, unfortunately there really is no 'export', so if you used Susan's Menu with Image, you would need to recreate your childItems (menu items). You don't have to 'remove' one to make room for the other; you can add a new menu, and when you're happy with it, just change the assignment in your 'layout' control panel page. 'Providing' the new menu is in your app package. If you were to build an app, and 'after the fact' purchase a new plugin, you would not be able to use that plugin without downloading a new package, and recompiling with the new code. Does that make sense? Cheers! -- Smug Edit: If you're creative, and understand the innards a bit, you 'can' manually add a plugin to your BT app, and it doesn't take too much, but you have to understand how things connect.
 
WizardHunt
Aspiring developer
Profile
Posts: 46
Reg: Jul 20, 2012
Las Vegas
6,860
like
07/22/13 11:56 PM (10 years ago)
To @SmugWimp, Yes it does make sense. Thanks for the heads up. I will give it a try and see where it takes me so to speak. Thanks again.
 
tb
buzztouch Evangelist
Profile
Posts: 2050
Reg: Nov 03, 2011
Oxford
32,300
like
07/23/13 12:10 AM (10 years ago)
You never need to re make your app in the Buzztouch Control Panel, because all the code should be correct. However, you may need to redownlpad the source code often. Every time you use a newly purchased plugin, it needs a new download. When you come to publishing the app, make sure to redownlpad the source code again, otherwise the app will not look complete when submitting.
 
WizardHunt
Aspiring developer
Profile
Posts: 46
Reg: Jul 20, 2012
Las Vegas
6,860
like
07/23/13 12:12 AM (10 years ago)
Thanks @Annandale Apps. That's what I was doing wrong. You just saved me some time. Thanks again.
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.