[Q] Android Layout - Java for Android App Development

I have created a mockup design for my bulletin board android app that is attached below
and I have a couple of question regarding the mockup that I created:
1. How can I create, a what I call a navigation bar(the black rectangular thing on my mockup) on the top of every activity of my app?
2. What layout is the best to create something like the red rectangular thing on my mockup?
3. Can an android app paginate posts? (like 10 per page then provide a link for older posts then show another 10 posts and so on..)
4. If #3 is true can you provide me some link to help me implement this on my app?
Any suggestion is greatly appreciated! Cheers!

clonedaccnt said:
I have created a mockup design for my bulletin board android app that is attached below
and I have a couple of question regarding the mockup that I created:
1. How can I create, a what I call a navigation bar(the black rectangular thing on my mockup) on the top of every activity of my app?
2. What layout is the best to create something like the red rectangular thing on my mockup?
3. Can an android app paginate posts? (like 10 per page then provide a link for older posts then show another 10 posts and so on..)
4. If #3 is true can you provide me some link to help me implement this on my app?
Any suggestion is greatly appreciated! Cheers!
Click to expand...
Click to collapse
That is called ActionBar, look at the documentation here to implement it
You would either use a LinearLayout, or if it is rather navigational, use tabs in the ActionBar
Sure, you will need a ListView with a Custom Adapter or search for a lib to use
Something like the PagingListView? It loads the new items automatically though

Thank you very much for the information.

Related

App Help?

I am looking into making my first useful android application. Basically its function is to go from one list view to a second list view associated to the selection and display a third layer as text view based upon selection. I can't figure out how to start . If anyone has any sourcecode similar to what I am trying to do, please share it
Thanks in advance
-j
johnwaynegacy said:
I am looking into making my first useful android application. Basically its function is to go from one list view to a second list view associated to the selection and display a third layer as text view based upon selection. I can't figure out how to start . If anyone has any sourcecode similar to what I am trying to do, please share it
Thanks in advance
-j
Click to expand...
Click to collapse
Have you looked at the APIDemos app distributed with the SDK? This is basically what it does; 2 or 3 levels of list views, then the guts of what you've selected.
awesome, this is a perfect reference. thanks a lot, that was exactly what I needed. I didn't even realize they had samples in the sdk.
be careful using the SDK demos, most work great in the Emulator, but most of them fail when you try to put them on a phone.
Just sharing my experience

[Q] Good Android layout creator

Hey, i created an Android card game and i got the coding part nailed down, but the layout part i'm still trying to improve, the current layout seems unprofessional (and the layout creator that comes with the SDK kinda sucks), is there some way to make a great looking layout for my app? Any tricks for the Layout Creator of the SDK or any other tools?
My app is this: https://play.google.com/store/apps/details?id=com.rtt3ch.suecaonline
DarknessWarrior said:
Hey, i created an Android card game and i got the coding part nailed down, but the layout part i'm still trying to improve, the current layout seems unprofessional (and the layout creator that comes with the SDK kinda sucks), is there some way to make a great looking layout for my app? Any tricks for the Layout Creator of the SDK or any other tools?
My app is this: https://play.google.com/store/apps/details?id=com.rtt3ch.suecaonline
Click to expand...
Click to collapse
There are no good wyswig layout editor IMHO, for example, the eclipse graphical editor should be used more like a way to get a quick sneak-peak at what the xml code you're writing will look like than a way to actually generate the UI.
I can recommend some resources that really helped me improve the UI of my app :
Read the Design Guidelines thoroughly, once you're done reading, read them again^^ : http://developer.android.com/design/index.html
watch some Android Design in Action videos, gives a lot of inspiration, and there might be an episode specifically about your app's purpose (it's a weekly show held by Google engineers Roman Nurik, Adam Kosh & Nick Butcher, working on the Android Team, and they often do redesigns of existing apps or treat a specific type of app and the design it should have) : http://www.youtube.com/watch?v=2....
Take a look at the great open source custom views & libraries showcased on : http://androidviews.net
Use the Android Assets Studio to generate custom icons, 9patchs, framed screenshots etc... : http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html
Use the Action Bar Style Generator to create a custom action bar theme that suits your branding/color palette : http://jgilfelt.github.io/android-actionbarstylegenerator/
Use the Holo Colors generator to get all the Holo-compliant variants of a defined color (i.e : for button states - pressed/selected) : http://android-holo-colors.com/
Watch some Dev.Bytes videos, they are short and straight to the point, and always about implementing some custom animations and effects to jazz-up your app (again, held by Chet Haase & Nick Butcher, engineers at Google) : http://www.youtube.com/watch?v=XNF...
Take a look at Cyril Mottier's blog : http://cyrilmottier.com/
Nadav Fima's blog : http://nadavfima.com/
Join the Android Design community on Google+, ask for advice & show your designs/mock-ups to get feedback : https://plus.google.com/communities/113499773637471211070
Hope that gets you going, good luck
Android layout is the bane of my existence. Especially when you're trying to get things to work across 10 inch, 7 inch tablets and phone screens.
A lot of the time things just don't work like you'd expect them to. Practice a lot, google a lot and you'll build up your own bag of tricks to handle things, like using empty frame layout to pad things and when to (and when NOT to) use layout weights and layout margins.
Don't trust the software preview in the IDE, or even the simulator. Always test on actual devices and try to test on as many devices as you can.
Wish I could be of more help, but android's layout is a *****.

Android Examination App

I'm going to fetch the questions and answers from my web server using JSON, this data are dynamic, sometimes a question has two or three answers, question type can be any combination of the following: multiple choice, true or false, identification, fill in the blanks etc.
The answer on how to do a dynamic layout on android is to let java takeover on adding layout and components instead of XML. (is this correct?)
How can I make my app to have one activity/view per question? Is this memory intensive? For example the data from the web server contains a hundred questions.
I want the user to have access to previous questions. For example I'm currently on question number 21 and I want to go back to question number 11 for some reasons, is this possible? How can I do this? (All questions are randomized)
clonedaccnt said:
I'm going to fetch the questions and answers from my web server using JSON, this data are dynamic, sometimes a question has two or three answers, question type can be any combination of the following: multiple choice, true or false, identification, fill in the blanks etc.
The answer on how to do a dynamic layout on android is to let java takeover on adding layout and components instead of XML. (is this correct?)
How can I make my app to have one activity/view per question? Is this memory intensive? For example the data from the web server contains a hundred questions.
I want the user to have access to previous questions. For example I'm currently on question number 21 and I want to go back to question number 11 for some reasons, is this possible? How can I do this? (All questions are randomized)
Click to expand...
Click to collapse
For your view, you'd make one Layout containing multiple TextViews whose texts you set only in your java code, that way it can have different questions.
Then there is a ListView for scrolling between the questions or for instance a ViewPager.
Remember to start with small components like the question screen and worry about getting the questions from the server and stuff later
Is there anybody else wants to share their insights on this?
clonedaccnt said:
Is there anybody else wants to share their insights on this?
Click to expand...
Click to collapse
Even though it may not seem like it, this is a very simple app...and it comes down to "simple" understanding of "listview,adapters,intents,asyncTasks,JSON/GSON" and then quite a simple design flow.... if you start to learn this most of what you need you will know and what you don't you will be able to ask direct questions about (cause you will have knowledge to do so)

[Q] Advice regarding optimizing app performance since it consists of lots of views.

Hey guys, I'm an amateur at android development and this is my first app. I'm trying to make an app which you could basically think of like a book. It will consist of verses from a certain scripture one verse per screen, the screen will have the verse in it's original language "sanskrit", and these three things: 1 it's meaning in english, 2. it's meaning in hindi, and 3. the word meaning of each of the sanskrit words in hindi and english. I want these three things inside a tabhost.
Now the scripture has like 500 verses divided into 18 chapters. Each verse is like 10 words long. So there will be like 500 different views (if that's the right word for it... what I mean is 500 "screens" if that makes any sense) What I've done till now is, I made a sliding drawer that would take you to one of the 18 chapters. Now choosing one of the chapters will take you to a fragment, in which there will be a viewflipper, and it will consist of the verses in that chapter and a title page for that chapter which will consist of links to each of the verses. (I've done everything upto here there's just one sample chapter and 2 sample verses and it works fine) Also in the actionbar there will be a dropdown menu kind of thing clicking on which will give a list of verse numbers, and you can navigate to any verse from there. (I haven't done that yet)
So the thing is, 500 verses, 500 "views" (if i'm using that correctly) I don't know if that will make the device slow or what. I wanted to know am I using the right tools for it? Like the sliding drawer, fragment, tabhost, viewflipper? And the way I've structured the app, what do you feel about that? Will doing it differently could make it faster? I haven't had any problem yet with 1 chapter and 2 verses, I'm going to try adding a bunch of sample chapter and verses and see how it affects the performance. Still I just wanted to know ahead of time if I'm making any huge mistake in using one of the tools that I'm using.
I'd really really really appreciate if someone would take his/her time and give some valuable advice. Thanks in advance.
EDIT: So initially I was planning to have minSdkVersion = "11" and targetSdkVersion = "21", but if that would be impossible due to the large number of verses, I might reconsider that. And I'm using Eclipse to code, and AVD (Android Virtual device) manager to test the app.
EDIT: Also, using maybe sqlite to get the verses (I've just heard a bit about it never used it), would that help?
I'm just replying because I would like to know the same thing...
It shouldn't make your app slow if you're managing View's lifecycle properly. Basically you need to make sure that you're reusing views instead of creating new ones, same thing for Fragments (take a look at android.support.v4.app.FragmentStatePagerAdapter).
surlac said:
It shouldn't make your app slow if you're managing View's lifecycle properly. Basically you need to make sure that you're reusing views instead of creating new ones, same thing for Fragments (take a look at android.support.v4.app.FragmentStatePagerAdapter).
Click to expand...
Click to collapse
Okay so you mean when one navigates to a view it should not create a new view but it should reuse the existing ones? I actually made the sliding drawer (which navigates to the chapters) from a tutorial titled "android sliding menu using navigation drawer" (can't post links since me a newbie here ), I hope they managed View's lifecycle properly. And I'm using ViewFlipper to navigate between verses in individual chapters. So I hope that would be okay.
And I haven't used Sqlite but I vaguely know what it does. Will using that to extract the verses from a database then displaying them be of any help? Would it make the app any faster?
Thanks a lot for your help man, really appreciate it. :good::good:
kumar935 said:
So I hope that would be okay.
Click to expand...
Click to collapse
Just give it a try, man. You will never know till you have it tried. Implement, test, improve. Don't be a victim of premature optimization . Good luck!

[Library] BobEngine - Easy to use 2D game engine for Android

Hello, XDA!
I have created my own 2D game engine that utilizes OpenGL and sports many features to help make programming 2D games for Android as quick and simple as possible. I created this engine for use in my own projects but then I thought why no make it open-source? I think other people could benefit from this and input from other developers could help fine tune this thing so it's as good as it can be.
So I gave my engine the name "BobEngine" after my online alias and uploaded the first public release called "BobEngine 1.0 Thingama" to GitHub. That was months ago and now I've finished working on the next update: BobEngine 2.0 Shishka.
I've got a post on my website detailing what's new in update: http://www.bobbyloujo.com/2015/01/bobengine-20-shishka-update.html
BobEngine uses a similar structure to GameMaker games so if you've ever used that you may be interested in BobEngine. BobEngine uses a specialized BobView to display the content of Rooms. Rooms are collections of GameObjects which each have a graphic and attributes such as x and y positions, width, height, angle, frame, etc... Rooms and GameObjects also have step, newpress, and released events built in. The step event happens each frame, the newpress event happens when a new pointer is touched on the screen, and the released event happens when a pointer is lifted from the screen.
There are many other tools included with BobEngine and the best way to start learning how to use them is have a look at the examples that are included! In the GitHub repository you'll find an Android Studio project called "BobEngine". This project contains the "bobEngine" library module that you'll need to include in your own projects if you want to use BobEngine. Also in the BobEngine project are modules for each of the included examples. Currently there are examples that demonstrate the structure of a BobEngine game, how to use input from the touch screen, and how to manipulate the camera. I'll be creating more examples in the future to show off all the things you can do with this engine!
All the methods and data members in BobEngine are internally documented and the examples include a lot of internal documentation to help you out as well.
I'll keep updating the library with new things as I think of them. If there is anything you think should be added go ahead and post about it in this thread.
Benjamin Blaszczak
a.k.a. Bobby Lou Jo
@Bobbyloujo on Twitter
Edit: Forgot the GitHub link: https://github.com/Bobbyloujo/BobEngine
@Bobbyloujo
Thanks man will try this today and welcome 2 xda :highfive:
Thanks sir...pls give us some game template made from your lib
Great job man. It looks great.
I will try as soon as possible
Sylvain
Thanks man. Will surely try it out. good work.
Awesome, just what I've been looking for. Thanks!
nice work, and thanks for putting your time and effort into it.
Could this be used to recreate "biomenace" for android?
Thanks everyone!
@berlyshells Anything you want to see in particular? I could probably throw together a Flappy Bird clone real quick or something...
@verbuyst It certainly looks doable if you put the time and effort into it.
Bobbyloujo said:
..
Click to expand...
Click to collapse
im not really looking for anything in particular..probably any game source with comments (of the functions/what for is this code etc..) inside the code would be nice haha i just requesting but its you're choice sir im sorry im just a newbie
TIA
A new example has been added to the repository per @berlyshells request. This example is called Jumpy Bug and it is a Flappy Bird clone. It demonstrates what a full game programmed with BobEngine looks like.
Bobbyloujo said:
....
Click to expand...
Click to collapse
thank you very much sir..you are indeed a good hearted person..this is what i really love on xda
While working on my most recent project I made a few changes to BobEngine. The changes have been uploaded to GitHub.
Changes:
The extra functionality provided by BobActivity has been moved to a new class - BobHelper. A BobHelper can be used by any activity. When using a BobHelper, be sure to call its onResume() method from your activity's onResume() method. BobActivity still functions the same way it did before. BobHelper is useful for when you want to use some other kind of activity has your application's main activity but still want the extra functions from BobActivity. For example, if you want to use BaseGameActivity from the BaseGameUtils library for Google Play services.
SplashActivity has been totally changed because, frankly, it sucked before It is now an abstract class. Create your own activity for showing splash screens and extend SplashActivity. Implement the setup() and end() methods. In the setup() method, call addSplash(R.layout.your_splash_layout, time_in_ms) to add a splash screen to show as defined by an xml layout. You can add up to 10 layouts. Add them in the order you want them to show. The end() method is called after the last splash screen has been shown. In the end() method, start an intent for your main activity and then call finish() to close the splash screen activity.
Other small changes.
How many games have made using library? Looks cool)
Thanks..I tried AndEngine and it failed to import on my Android Studio.
Marshal3 said:
How many games have made using library? Looks cool)
Click to expand...
Click to collapse
Uhm... about three. There's Plane Popper, Crazy Taxi Driver, and I just finished Bounce the Beach Ball. Other than that, I've made a few examples that you can find in the repository - including a Flappy Bird clone. Also, I've been working on a platformer.
basil2style said:
Thanks..I tried AndEngine and it failed to import on my Android Studio.
Click to expand...
Click to collapse
Let me know if you need any help with BobEngine!
Hello again, XDA!
I've updated BobEngine again. This update brings the following major additions:
Gamepad support! You can now get input from any standard gamepad using BobEngine. A new example has been added to the Android Studio project that shows and explains how to use this new gamepad support. The example is called controllerexample.
Multiple quads per GameObject. Up until now, a GameObject consisted of a single textured quad (well, two triangles that form a quad). Sometimes it is useful to have many quads grouped together. If you use this, note that all the quads for each GameObject must have the same graphic. This is a very niche feature that I added for a particular purpose but didn't end up using myself. If you'd like an example of what can be done with this, let me know and I'll make one.
Some other miscellaneous stuff has been changed as well. It's been so long since I posted an update that I forget everything I changed! One useful change I made was to the camera features. Rooms now have their own camera values, meaning if you change the camera in one room, then switch to another and change the camera there, then switch back to the first room the camera will be where you left it in the first room.
BobEngine can of course still be found here on GitHub: https://github.com/Bobbyloujo/BobEngine
Here's a video showing off gamepad support: https://youtu.be/vRdaaaJnqGk
As always, if you have any questions feel free to ask. Also, if you've made anything with BobEngine I would love to see it! Whether it's something big or something small I'd love to see how others have used my engine
If you haven't already, please follow me on Twitter. My handle is @Bobbyloujo and I post updates about the games and things I'm working on there pretty frequently. Right now I'm working on something pretty big!
Another new update today!
Changes:
* TextDisplay object added! TextDisplay is a GameObject that can be used to output text! Text can be centered, aligned left or right. A new example has been added to show how this new object can be used.
* A new 'visible' attribute has been added to GameObjects. Setting gameObject.visible to false will cause the object to be hidden so it isn't drawn.
* The getAngle() function in Room.java was broken. It has been fixed so now getAngle() and getAngleBetween() both work properly.
* The getRatioX() and getRatioY() functions sometimes would not work properly on some devices. This has been fixed.
* When using multiple quads per GameObject, the performance has been increased. This was done by collecting vertex data from the quads in a way that does not require the concatenation of many arrays.
As always, the repository can be found here: https://github.com/Bobbyloujo/BobEngine
It'll really help me out if you follow me on Twitter: https://twitter.com/Bobbyloujo
And like my Facebook page: https://www.facebook.com/BobbyLouJo
If you have any questions or would like to report a bug, please leave a message in this thread or PM me on XDA, Twitter, or Facebook.
Have a great week!!
Version 3.0 Bobsled
It's been a while, but in the time since my last update I've added a lot of new things to BobEngine. Since it's such a big update, I'm giving it a new version name: v3.0 Bobsled. Here goes:
RoomCache - In BobView.java you will find a new static class called RoomCache. As the name implies, RoomCache is used for storing and retrieving instances of Rooms. The nice thing about RoomCache is that you can call getRoom(Class roomType) with any class type that inherits Room and the function will return an instance of that room type, even if you haven't manually added a Room of that type to the cache. The function getRoom(...) will search the cache for an instance of roomType and return it if one is found OR it will create a new instance of roomType using reflection and return that. You'll also notice that there is a getRoom(Class roomType, Object... args) function. If you have created a room type that takes parameters other than (BobView view) like a default Room does, you can use this method to pass the required arguments to initialize a new instance of that room type if need be. The cache holds a specified max number of Rooms. When the cache is full and a new Room is added, the oldest Room is removed. You can make your own RoomCaches, but each BobView has it's own cache with an initial size of 3. To access it from your BobView, just call getRoomCache().
Along with RoomCache, BobView has received two new goToRoom overrides: goToRoom(Class roomType) and goToRoom(Class roomType, Object... args) for switching to rooms retrieved from the RoomCache.
Input events (newpress, released) are now handled on the main thread (same thread as step event). Handling game logic on the separate input thread was causing a lot strange glitches in my games when values were being changed when I was not expecting them to be changed. Now, input will be handled on the same thread just before the step event.
For even more convenience and even quicker game development, a new constructor has been added to GameObject: GameObject(Room room). This will automatically assign an instance ID number AND add the object to the room. What typically looked like this before:
Code:
GameObject object = new GameObject(room.nextInstance(), room);
room.addObject(object);
Now looks like this:
Code:
GameObject object = new GameObject(room);
So simple! The old constructor is still there and behaves the same way for those who want it and for backwards compatibility.
Setting GameObject.visible to false will now hide all Quads belonging to that GameObject. This will not change the Quad.visible field for any Quad. Also, similarly to GameObject, Quads are now added to the GameObject when initialized.
Animations can now be played once and looped for a limited number of times. animationFinished() will return true when an animation has finished playing.
Animation class - a new class has been added to GameObject.java. This class can be used to predefine animations with a start frame, end frame, fps, and loop times.
Previously, I was using 3 coordinates for each vertex. I learned it's possible to use only 2 in OpenGL. Since the 3rd vertex is not needed, I changed the code to use only 2 vertices. I'm not sure if this actually caused any performance improvement.
Graphic.Parameters class - A new class in Graphic.java allows you to predefine Graphic parameters to use with GameObject.setGraphic(Graphic.Parameters params). Useful for when you want to switch between graphics on a GameObject often.
A new method in the Graphic class called setDimensions(int width, int height) allows you to set the height and width of the DPI level image you want to use for setGraphic(Graphic g, int x, int y...). Previously, you would have to use setPreciseGraphic(...) if you had different sized images for different DPI levels that have multiple graphics on them.
Set the color intensity of all GameObjects on a specific layer using Room.setLayerColor(int layer, float r, float g, float b, float a).
Graphics management (this is a big one):
The Room, Graphic, and GraphicsHelper classes have been updated to improve and simplify management of graphics for large games. A new GraphicsHelper.cleanUp() method makes it easy to manage graphics. You can choose points in your game to call cleanUp(). When called, Graphics that have not been used recently will be unloaded and removed from the GraphicsHelper. Graphics have a new public field called 'persistent' which when set to true will cause the graphic to remain loaded when cleanUp() is called. All non-persistent Graphics will survive through a set number of cleanUp() calls before they are removed. If a Graphic is removed but then a GameObject tries to use it again, it will automatically be re-added to the GraphicsHelper and reloaded.
You can also manually call:
Graphic.load() to load a graphic after is has been added to the GraphicsHelper.
Graphic.unload() to unload a graphic
Graphic.remove() OR GraphicsHelper.removeGraphic(Graphic g) to unload and remove a Graphic from the GraphicsHelper.
OKAY, I think that's just about everything. I actually had to look through the changes in the GitHub commit to remember all the things I've changed xD There are a few other small changes but I didn't think they were important enough to list. Now I want to ask you guys something:
Is there any interest in a full-blown tutorial series for BobEngine?
I could start with the basics, then explain more advanced features like graphics management. I could also take requests for certain tutorials. I could even cover general game development topics and how to implement them with BobEngine. Doing this would be a lot of work so before I dive in I really want to gauge the level of interest in BobEngine. So far, it's been difficult to tell how many people are interested because I haven't gotten an overwhelming amount of replies here but every once in a while I get a PM or email asking for help. So if you're using BobEngine raise your hand!
And of course: if you've made anything with BobEngine I would love to see it! I've seen a few things and it makes me happy to see you guys using getting some use out of my engine.
Thanks for your time! If you have any questions, just ask. You find any issues with BobEngine, post them here or on GitHub and will fix them. Also don't forget to let me know if you're using BobEngine!
Once again, the repo can be found here: https://github.com/Bobbyloujo/BobEngine
Thanks again,
Ben a.k.a. Bobby Lou Jo
Twitter: https://twitter.com/Bobbyloujo
Facebook: https://www.facebook.com/BobbyLouJo
you are great and i should more from you
I am a new man in the electronic area, and you have developed your own staff, you set a good example for me.
Jackiefire said:
I am a new man in the electronic area, and you have developed your own staff, you set a good example for me.
Click to expand...
Click to collapse
Thanks! Your support means a lot.

Categories

Resources