Multiple Content slider on mobile webpage - android

My site is divided into number of categories like travel, lifestyle etc.
I want to create a mobile webpage for the site where all categories are listed vertically. Under each category, a content slider is there to show latest posts and these are clickable.
Site will be for only android and iPhone devices.
You can have a look at basic UI here :
http://floost.com/mob/mob1/explore.html
Any ideas on how to achieve this? or examples to see whether they have already been achieved?
Thanks!

#Akshat Goel dont what exactly you are lookin for but if you want a div with slide animation i.e on a button click it will come and go wiht slide animation
then you can use the following wiht it
$('#YOUR_DIV').show("slow")
$('#YOUR_DIV').hide("slow")

Related

Android implementation of tutorial screen

I'm planning to implement tutorial screen for Android app.
My plan is that tutorial screen looks like:
There are several screens and you can swipe between than. Every view has custom design. There are dots which represents every screen, and show what page are you watching now. I need good-looking transition with adequate animations.
This screen will be full screen activity.
I have found several Image Galery, but I don't want to slide between images, I need to slide between views.
I do not need exactly code for this. I need instruction in which way this can be done, and what elements I need to use in order to achieve targeted design.
Thanks in advance.
You'll want to use ViewPager in conjunction with Fragments, the instructions are on Android developer's website.

Make google now card like search animations?

I have an app with a search bar and want the results to pop up from the button in the form of cards, similar to the ones of Google now. Each result(card) will contain its own information including an image. There is no need for the swipe to remove parts of it. Users should be able to just scroll through the results.
After around 3-4 result cards are scrolled the next set of results should pop up just like how you would scroll in Google now.
What is the easiest way by which I can achieve this?
Is it possible to create a layout prefab or something that I can populate with results from a database and then pull on to the screen?
Please help !

Can this PageAdapter behaviour be achieved in iOS?

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.

How to Have multiple buttons inside Android SlidingDrawer Control

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.

Android Scroll Pagination

Is there something for the Android OS with which you can implement scroll pagination?
*Edit
With scroll pagination I mean pagination like on the homescreen, you can swipe right and left and go to the next or previous page.
You can take example on the source code of Launcher at android.git.kernel.org. Look for the classes called Workspace and CellLayout.
According to Apple, UIPageControl does not implement "scroll pagination", at least how I would interpret that phrase. UIPageControl tracks a number of pages, shows dots based on the page count/current page, and fires events when the user taps it. It does not actually implement "pagination" (you have to handle that yourself) and has nothing to do with scrolling.
All that being said, there is no "show a bunch of dots" widget built into Android with the same or similar API to UIPageControl. Creating one for your application would be fairly simple, using a set of ImageViews, watching for taps, replacing image resources to change dot colors, and firing events to registered listeners.

Categories

Resources