Here is the image/snapshot of present UI but top headers (Select Discipline,Select Location)are getting so many spaces in screen and my whole required screen is getting short So whats the alternative of design this screen using Android.This screen contents are generated dynamically from Web Service.
Whats the way to remove top buttons and where should i need to place top buttons functionality so that after removal of button my contents will be more prominent?
Make the UI Top header a combo box
Related
I have some parts of the screen that stay permanent and one part of the screen which is a container that should change its content to one of a set of Card elements, according to a button press on a button group.
If I understand correctly I cannot use the Tab-Navigator (or the Stack-Navigator) because those control a full page (i.e. screen) change, and I only want to swap a single card element.
Am I correct about that?
If so what do I need to do? Is there some existing UI element for this? If nothing exists, how would I go about doing this? Each card loads different stuff from a local json, and I don't want to reload them when switching back and forth...
I want it to have the effect shown in Android UI (non react-native) samples: android Navigation Tabs in middle of screen
Perhaps I should be using swiper like in this answer? implement tabs in the center of the screen .
You can use a tab navigator, think about a structure like the one below
<View>
<OtherStuffThatFilLTheScreen>
<TabNavigator>
<OtherRandomStuff>
<View>
Tab navigator will have full control of the element that renders inside its space, but will not change other elements outside its scope
I am building the Ui having vertical length is very maximum.I have added buttons to the portion where the Layout was visible and I can drag and drop the Buttons.
But now how to add further Buttons to the layout?remeber Buttons should be added to a specific place like in candy crush(level selection activity).
I have tried even on Tablet View screen But still some of the portion is not visible to add button.
please help.
i am using adt so,for it follow the following..
windows->android virtual devices->click on device definition tab->creat new device or make clone of the exiting one device.
through this you can make device Screen of any resolution,in which you can easily drag and drop UI elements.
On Twitter for Android there is a bar at the top of the display where the user can swipe left and right between three different screens: Home, Discover and Activity (see image 1).
As they do so, the small blue line moves in real time to underneath the name of the screen that has been selected (see image 2).
When the user scrolls downwards, the entire bar collapses to the size of the blue line and it remains that way until the user scrolls up again.
Can this be achieved in xCode, ideally in Storyboard? If not, what is the best alternative?
Apologies for the massive images...
I have built this as an ios feature before (also an android dev so I know where you are coming from).
Here is the DIY way;
Use a UIScrollView and with the pagingEnabled property set to YES. Typically a UIPageControl is used along with it.
Here is a Library that does it for you;
https://github.com/monsieurje/ICViewPager
Hope this has answered all your problems.
I am making a quiz application in which i am planning to use the SlidingDrawer control for displaying different question numbers. Clicking on a number will allow the user to jump to a specific question.
I have implemented the sliding drawer control but it is able to display only 6-7 buttons inside it depending on the screen size. Trying to add more buttons to it gives an exception.
I tried using a GridView inside the SlidingDrawer but i keep getting an error.
Is there anyway i can have around 20-30 buttons inside the SlidingDrawer control arranged in a grid like manner ?
Please give suggestions on any other way i can implement similar functionality in a way that doesn't take up much screen space ?
Yes, it's possible, as a matter of fact previous Android versions (1.6 if I'm not wrong) implemented the application Launcher that way.
Search the source for that version and you'll have a working sample.
I am not sure what the proper term is, but I am trying to add a "TitleBar" to the top of one of the windows in my App. Much like the Contacts App, I have several Tabs along the top of the screen. When you select an item from the list, it loads the next Activity, but that Activity no longer has the Tabs at the top of the screen.
I don't know if it is called a TitleBar or what. The Contacts App has this TitleBar along the top of the screen when you select a person from the list of Contacts.
I am trying to mimick the Grey Bar that says "George Washington"
The Contacts app is open source (as are most of the core Android system apps). I suggest checking it out and looking at the layout you want to emulate. In general, poking around a lot of that code is a good idea to get a handle on some best practices, or just to borrow a few tricks.
In this particular case, they're using a custom View called ContactHeaderWidget, which is actually a FrameLayout wrapping a TextView and Checkbox (styled to look like a star), along with the photo view (which has some special behavior to bind with the multiple contact source data on click and so on).
If you just want the look and not the functionality, though, just adding a LinearLayout with a GradientDrawable background containing an ImageView, a TextView, and a Checkbox styled as a star to your activity's layout should get you there a lot more easily without requiring custom widgets.