How to design this in xml? - android

I have absolutely no idea on how to implement this design as listview in android. Can anyonee help me or suggest me? I just need to know how to implement that blue arrow part.

If I would have to implement this, I would create this blue arrows as PNG images, because it looks like you just have a certain amount of them. Then I would add the images to the right of the list element.
This link could help for my described solution:
http://www.learn2crack.com/2013/10/android-custom-listview-images-text-example.html
More Detail: Like Bubu said, the picture need to be in a ImageView. Use GIMP for the creation of Icons or ImageButtons. That's how I do it, and GIMP helps me a lot for this purpose (Resizing, Pasting, Cutting etc.).

Add an ImageView in your ListView item layout and set this ImageView in your ListView adapter in terms of the kind of item. You can set the ImageView background with the blue arrow in your xml file and the ImageView source with the correct drawable in your adapter.

Related

How to implement a horizontal image effects/filters view in android?

I am trying to implement an image effects/filters preview in an android app.
Example [From CamScannner App]:
How do I implement the stack of horizontal image filter previews in android as shown in the example [Auto/Original/Lighten/Magic/Gray]? Note: I am not asking about the implementation of the filters. I would like to know how to render.
I tried:
https://github.com/moondroid/CoverFlow
But I am looking for a simple horizontal stacking.
I don't think so it would be much of work. You just have to use RecyclerView with horizontal LinearLayout I can just guide you here.
Once user take the image or select the image. You need to find a way to give that image to RecyclerView's adapter Inside then adapter. You just apply the respected filter to the image and return the image to ViewHolder. Simple it is. If you need more descriptive answer just let me know.

Change look and feel of Spinner View

I need to change the look and feel of the Spinner View, so the little triangle in the lower right part is a bit bigger, and with a circular shape in his "back".
I've been looking but all the tutorials refer to the custom adapter part of customizing a Spinner.
Anybody knows some tutorial to look at to change the appearance of a View?
Thank you.
There are three ways to build a custom view:
1- By extending the view
2- Compound many views
3- Create a totally new one
Here an example: http://developer.android.com/training/custom-views/create-view.html

How to implement ScrollTricks with a gridView

I need to make something like the google+ profile header (a background image that hides when scroll up and a fixed header on top), but i don't have idea how to do it with a gridview.
I looked into the scrolltricks example from Roman Nurik and he did it on StickyFragment, my problem is that I need to use a gridview to recycle the views.
Attached some images to be more clear.
you can find this solution:
http://antoine-merle.com/blog/2013/10/04/making-that-google-plus-profile-screen/
maybe it can help you.

How to create this Android View/Layout

I'm working on my first Android application and I have a pretty good idea of what I want my application to look like, I'm just not sure how to create the view.
I have a Listview with several items, I then want users to click on an item then get a detail page. I want my detail page to look like this.
I know how to get the background. What I'm trying to figure out is what's the best way to create that rounded, see-through table with a border. Any ideas?
The easiest way would be to create a linear layout with vertical orientation and define a drawable shape resource and set the corners to have a radius to match what you like. Then add your 2 text views and an image view and lines for the separators.

Android - Gridview or listview?

How do i create this kind of views in my application?
(The screenshot is actually of an android application available in android market).
I am confused as i assume that we can create the same kind of layout either by using Gridview or by using ListView.
Problems:
In Gridview, can we give separator between two rows? can we give background to each row in gridview?
In Listview, i think we can customize the listview with 3 books in a row with background, and we can give a separator as well.
From your expert side, please suggest me a possible solution to design and create the same kind of layouts for the android application.
Look at the code of Shelves, written by Romain Guy (one of the ListView's creator).
He used a GridView:
no separator
background is a bitmap drawable
< bitmap
xmlns:android="http://schemas.android.com/apk/res/android"
android:src="#drawable/shelf_panel"
android:tileMode="repeat" />
background image is like this:
The code is worth a look because it contains other interesting solutions, too.
Stated problems:
In Gridview, can we give separator between two rows? can we give background to each row in gridview?
Well, you can always make up a separator by adding something on the bottom of your view. Make it so that it 'connects' on the sides, and you won't know the difference. It will cost you an extra view per grid-item, so probably not the best option.
In Listview, i think we can customize the listview with 3 books in a row with background, and we can give a separator as well.
Eeuhm, yes, although I don't see what the problem is?
With a ListView, each row is counted as an element, so there will be extra work in logic that keeps each item within the row separate. I would suggest you use a gridview. For each grid element, keep an empty shelf space (for one book) as the background image. This image will include the shelf-base. So there is no need for additional rows. The image should look like this:
I would instead suggest to have grid view and view flipper if the number of books are limited.
View flipper will give a better effect than scrolling.

Categories

Resources