Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Create UI like Chrome for Android

Tags:

I want to implement this behaviour [https://github.com/gleue/TGLStackedViewController] in an app that I am trying to make.

The closest thing/the effect that I want to achieve is how the Google Chrome browser behaves.

  1. Tile/card interface
  2. Be able to access a form of navigation (access other tabs) when user pulls down the address bar
  3. Be able to re-arrange the tabs in any order the user wishes

Photo taken from this Android Layout : How to implement a UI similar to deck of cards? SO question

Is there anyone out there who has tried to implement this kind of behavior? Do you guys know any libraries that can help achieve this effect? It would be very helpful! Thank you

like image 250
momoja Avatar asked Sep 29 '14 07:09

momoja


People also ask

How do I change the UI in Chrome?

From the control panel, select the search engine you want to edit. Click Look and feel from the menu on the left and then click the Themes tab. Select the theme you want to use. You can preview them in the box on the right.

Can you Customise Chrome on Android?

You can customize Google Chrome to open any page for the homepage or startup page. These two pages aren't the same unless you set them to be. Your startup page is the one that shows when you first launch Chrome on your device.

Can I use desktop Chrome on Android?

Method 1: Enable Desktop Site on Mobile Browser Launch the Chrome web browser on Android. You can use desktop mode for any website you want to view. Tap on the 3 vertical dots for the menu. The desktop site can be enabled by selecting the checkbox.


1 Answers

systemUI/Recents package, as mentioned by Andrei, can be your starting point. It adds a little more to the flat rendition of chrome tabs.

I have been meaning to refactor systemUI/Recents package ever since I got the L update. I finally got to it.

enter image description here

A sample project is hosted at: Link

Even though the viewgroup recycles, it updates the progress map (child properties) for all children on each scroll step. This will lead to lags with large data sets. For a few hundred, it should be fine.

The sample project uses Picasso for loading and caching images from LoremPixel. Since these are random images & may repeat, you can verify that they are bound correctly by looking at bottom left of the image.

like image 132
Vikram Avatar answered Nov 11 '22 15:11

Vikram