What is the android layout designer seen in udacity? - android

I recently came across an Android design course in Udacity, and I noticed they are using an interactive layout designer in the video.
Does anyone know what is the name of this designer?
I am hoping it's not a custom tool made only for Google engineers. The layout designers in Eclipse and Android studio are definitely not as easy as this one.
You can see it in the Udacity video below:
https://www.youtube.com/watch?v=O47H4PxMf9U&feature=youtu.be&t=30s

Is this thing here: https://github.com/romannurik/LayerVisualizer/
Not exactly a Layout designer but is really good to pre visualize layouts

Related

Where can I find ready-made Android Studio GUIs to copy&paste?

I started with Android Studio and would like to get started.
I do not like fiddling around with GUIs and would like to play lego with ready-made pages and common standard interfaces.
Where can I find Android GUI XMLs to copy&paste or download to get started?
Does anyone know a good Android resource site, something like templatemonster for Android GUIs?
For example I need:
a settings page with switches, range sliders and a couple of fields, nicely arranged and already profesionallly looking
a user profile page
an inbox/outbox
a speech bubble view
list/grid view with images
a login/signup/lost password menu
You can use library for GUI and many other purpose the best place is Android assets studio
And there is a page that haves tricks for GUI is Android cheat sheet
And Android assets studio for images
If you get stuck visit Android's official site
Grabbed by JRummy's Blog

Layout Code generation in Android

I have been an ecommerce App in android and facing a lot of problem in UI.I am unable to set the navbars , tabs etc properly which is consuming a lot of my time.Is there any tool to generate code based on our layout like we have for web development?
Excuse me if this is a dumb ques, I am new to android
If you use eclipse to develop you have a simple and basic WYSIWYG editor. If you open a xml layout file it will automatically open. It also supports displaying multiple languages at once. And allows for easy change in configuration, like resolution, phone orientation and themes. Using the tabs on the bottom you can switch between xml layout code and the WYSIWYG editor.
But I do recommend practicing with building layouts just from xml, your layouts will most likely be of much better quality than dragging and dropping in any WYSIWYG editor. I use the WYSIWYG editor only for previewing layouts.
Great tutorial for android layouts can be found on the official developers site: http://developer.android.com/guide/topics/ui/declaring-layout.html

How to position controls in Android?

I am trying to create the UI but I'm having a lot of difficulty just placing controls where I want them to appear on the main screen. For example I want to add a few ImageButtons but they just seem to snap to one corner and I can't seem to add more than one.
Do I need to use a layout or something? Can't I just drag and drop and move the controls around where I want?
I suggest you start by reading a few of the developer tools out there. http://developer.android.com/guide/topics/ui/declaring-layout.html This guide will help you get your feet wet with how to properly layout a screen in Android. There are also a bunch of other great guides on there to help with other aspects of the UI. Even though you use C# in Xamarin Studio, the UI portion is native Android so the guides should still be relevant.
try to use relative layout , its kind of easy for visual studio developer and others too.
details here : http://developer.android.com/guide/topics/ui/layout/relative.html

Graphical layout with tabs

I am new programmin in Android.
I am trying to use a tab layout with tabhost. I have a question:
I possible to use the graphical layout interface to design the different tab screens or do I have to do it in the XML layout directly?
Thanks
I always create GUIs writing XML files by hand, without any graphical tool, so I don't have an answer for your question but I have awesome examples for you -- ActionBar Sherlock samples that are AWESOME example how to build tab-based apps:
https://github.com/JakeWharton/ActionBarSherlock/blob/master/samples/fragments/src/com/actionbarsherlock/sample/fragments/FragmentTabs.java
https://github.com/JakeWharton/ActionBarSherlock/blob/master/samples/fragments/src/com/actionbarsherlock/sample/fragments/FragmentTabsPager.java
https://github.com/JakeWharton/ActionBarSherlock/blob/master/samples/demos/src/com/actionbarsherlock/sample/demos/TabNavigation.java
Moreover, you can get all these examples on google play store and try them out without building them yourself!
https://play.google.com/store/apps/details?id=com.actionbarsherlock.sample.demos
https://play.google.com/store/apps/details?id=com.actionbarsherlock.sample.fragments
I always base my tab-based apps on one of these sample apps. Awesome stuff!

Youtube style sliding Tab Layout in Android App

The new Youtube app, and the newer version of JuiceDefender, contains a sliding tabbed layout similar to those seen in Windows 7 Phone. This is a UI feature I would like to include in an app I'm am designing but I cannot find any information or tutorials online. Has anyone seen a tutorial on this?
I believe it's implemented as a HorizontalScrollView containing a TabWidget with custom, fixed-width, tab indicator views.
Now, getting the tab content views to be paged horizontally is less easy, and that requires something like adapting Workspace.java in the Launcher.git project in AOSP.
I have found the answer to this question. The Sliding layout I described is a ViewPager, available from the Android Compatibility Package v4, which is available from the SDK installer.
A tutorial for this can be found here :http://mobile.tutsplus.com/tutorials/android/android-user-interface-design-horizontal-view-paging/
Edit
An improvement over the Android Compatibility package is the http://actionbarsherlock.com/ an improvement over the support package that adds more Jelly bean style stuff.
I haven't seen a tutorial like this, but you won't be able to do something like this with just the native widgets as they are. You're really looking at implementing your own custom widgets and views, or at the very least wrapping the included widgets with your own code. Maybe a future api will have such features built in, but at this point you're forced to do everything yourself if you want such an interface.

Categories

Resources