Android :: Best Way To Create A Custom View For Every List Item?
Nov 4, 2010
As I am reviewing and prototyping my android project, I noticed that there is a view that has a list of items that are very customized. I have figured out most of my tools that I plan to use but I need some advice.
I have a list of items which can contain photos, some text to the right, an image to the bottom and more text below that. Very confusing I know. Each of these might be present for an item. The only thing that will always be there is the title.
So my question - what is the best way to create each custom list item view? I am thinking I have to use this getView to create each view. But when creating each view, is it best to 1) create a view dynamically and adding an image, for example, if it exists, or 2) create an xml file with all possible elements and hide them depending on the item?
View 2 Replies
Sep 2, 2010
I'm just beginning Android development, and I'm working to get a Custom list view with a checkbox working. I've created a base class that extends Activity, Created an Adapter and overrode the getView() method to add the checkbox to the list view. I'm assuming I need to do this because I need something equivalent to didSelectRowIndexAtPath from Obj C to update my model. Please let me know if there's an alternate way of doing this too Code...
View 2 Replies
View Related
Apr 9, 2010
I don't know exactly how to explain this problem, but I'll try. I have a ListView with several items. Each item has inside a TextView and two ImageView. I want the ImageView change when I click on them, and I want to open a context menu when I press for a long time into the ListView item.For the ImageView, everything works properly. For the whole item, I can show the context menu after a long press, but my problem is that the ImageView changes as well when I am pressing the TextView, for example.I hope you understand my problem. I think that all the children of a view are affected by an event in the parent, but I am not sure.
View 2 Replies
View Related
Nov 3, 2010
I am on Android 2.1 and I have one multi column Custom listview Using BaseAdapter with an editable edittext at the end of the listview. If the data in the listview do not contain the data of user choice then user should be able to enter data. If the data is already there in the list user will be able to select the data using custom selector. If a selection is made in the list view and user wanted to enter data in the text field at the bottom after selection then the marker in the list view should be unselected. I tried to use onclick() method on edit text using click listener. First time when it is clicked, edit text is getting focus and onclick() method is not fired. And when it is clicked second time, onclick() method is fired and notifyDataSetChanged() method is called. I tried to call the notifyDataSetChanged() method from the Focus Listener, list view selection is gone in my first attempt and edit text is not receiving any data input from the keyboard (frozen).
View 1 Replies
View Related
Apr 23, 2010
I'm trying to create a multiple selection list where the selection is represented graphically rather than with checkboxes.My list has checkboxes, but I want them to serve a different purpose. I'm using a cursor to hold my data and created a custom view binder for the SimpleCursorAdapter. I did this for the checkboxes and general flexibility.So far I haven't even been able to show one line as being selected. I've enabled multiple selection on the list and denied the children of the list item focusability. I've tried manually changing background color with the position fed in through the list item click listener. But the wrong items get changed and they don't even change to the right color. I've enabled touch focusability with no improvement either.Ideally, I'd like the trackball highlight focus bar to appear in multiple places. But I don't think this is possible unless you use the drawable directly. But I don't know how to find or apply it. My next idea was to have a slim view bar that changes color. But I had the same problem with the wrong item being selected so I never finished trying to guess the index position to see if this would work. My most recent idea is to completely swap out the view for another one if it's selected. But I have no idea how to do this either. I'm thinking of using an array list to store the _id s of the items that need a different view to get around the wierd selection problem. I'm also thinking of passing in the ID field as my from and the selection view as the to for my adapter. Then I'd intercept it with my binder and change the view accordingly. But once again, I'm not sure how to do this successfuly.
View 7 Replies
View Related
Jul 14, 2010
By Default in the Listview,focus will come on the list item.Instead of that, can I get only the border to the list item?I can achieve this by using a transparent image as a list selector.Is there any other simplest way to achieve this requirement?
View 1 Replies
View Related
May 21, 2009
I have the list view which is having 10 Items. I want to block few items (Disable). How do i do this? Can any one help me?
View 2 Replies
View Related
Feb 12, 2010
In a Listview I want create a square button that is as wide as the list item is heigh.I don't want to set fixed width and height as it should work for different resolutions.
Is is possible?
View 2 Replies
View Related
Dec 10, 2009
I'm developing an application which has an listview. I'm currently creating the list item view dynamically from code (linearlayout, which includes 2 textviews and 1 imageview), but i'd like to use an XML resource for this. I read it is resource intensive when getting this view using findViewById within a loop. I thought of using a custom adapter for this, but am not sure on how to include lazy loading of the image then.
View 4 Replies
View Related
Jan 11, 2010
How can I change the first visible item in a list view (I searched a method such as setFirstVisiblePosition) ?
View 2 Replies
View Related
Feb 13, 2010
I have a list view having several items and it is multichoice list. I want to display the checked item of list view. how i can do this.can anyone help me?
View 1 Replies
View Related
Apr 9, 2010
I want to customize list view item spaces between different items. We generally display list item with default space between them to get viewed in list.I want to customize the space difference between them so that more data can be displayed in the list within the display part at a time
View 2 Replies
View Related
Aug 12, 2010
I have a ListActivity where the list items are defined in another XML layout. The list item layout contains an ImageView, a CheckBox, a TextView and such.
What I want is to set an onClick listener to the CheckBox in each list item. That is easy enough. The trouble is I need that onClick handler to know which position in the list it is.
I'm attaching the listener to the CheckBox in getView after that convertView has been inflated. The getView method has a position parameter, but I cannot reference it in the onClick handler for my CheckBox. I understand why, but I don't know how to get around it. How do I accomplish this?
View 2 Replies
View Related
Sep 6, 2010
What Iīm trying to do is to create a list (using a list view) of items (which are views inflated from the same layout) what must be clickable. At first I thought that all I had to do was to add an onItemClickListener to the ListView so if the used clicked on any of the views that composed this Item the listener would react. Well, I was wrong. Iīve tried a lot of things, including setting focus and focusontouchmode off for each of the views that compose the itemīs view but it still doesnīt work. Any tips here? Can I archive this result? Oh, also ... this list view is in a dialog and the listener is in the activity that builds the dialog.
View 20 Replies
View Related
May 20, 2010
I need to implement a list view with checkbox and each item should be associated with images.
View 1 Replies
View Related
Mar 22, 2010
How to remove item from a list view? how to reload the list after removal?
View 3 Replies
View Related
Sep 16, 2010
Trying to set ContextMenu title according to the ListView clicked item.The ListView contains Bookmarks list -> FAVICON + BOOKMARK TITLE @Override public void onCreate Context Menu (Context Menu menu, View v, ContextMenuInfo menuInfo) {super.onCreateContextMenu(menu, v, menuInfo); menu.add(0, EDIT_ID, 0, R.string.menu_edit); menu.add(0, DELETE_ID, 0, R.string .menu_delete); menu.add(0, SHARE_ID, 0, R.string.menu_share); AdapterView. Adapter ContextMenuInfo info = (AdapterView.AdapterContextMenuInfo)menuInfo; View itemID = (info.targetView); menu.setHeaderTitle("bla" + itemID);when I run this code it shows the android.widget.RelativeLayout@423d2389 or whatever and if I change the itemID to String itemID = ((TextView) info.targetView).getText().toString(); I get force close on long click even though no errors are shown in Eclipse or when I run the app.I also want to get the favicon in the same way.
View 1 Replies
View Related
Apr 17, 2009
Im trying to change background color when an item is selected. Something like using a color selector, but actually it crashes. I've created a list_selector.xml inside /res/color/.<?xml version="1.0" encoding="UTF-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:state_focused="true" android:color ="@ color/ plain_yellow"/><item android:state_pressed="true" android:state_enabled="false" android:color ="@color /plain _yellow" /><item android:state_enabled="false" android:color="@color/ plain_yellow" /><item android: state_active="true" android:color="@color/ plain_yellow" /><item android:color="@android: color/ transparent" /></selector> plain_yellow is a color i've defined in /res/values. I've tried to assign that selector programatically and using the xml, but the app crashes. Am i doing something wrong?
View 2 Replies
View Related
Sep 2, 2010
I am new to android, and ended up (have to) ask a question here. Let's make it simple, I simply want to make my own TextView-like (MyView extends View), This is my code:
public class MyView extends View { private Paint mPaint;
private String mText; private Bitmap mBitmap1; private Bitmap mBitmap2;
public MyView(Context context) { super(context); initView(); }
public MyView(Context context, AttributeSet attrs) { super(context, attrs);
initView(); } private final void initView() { mPaint = new Paint(); }
public void setText(String text) { mText = text; }
@Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int measuredWidth = measureWidth(widthMeasureSpec);
if (mBitmap1 == null) initBitmap1(measuredWidth);
int measuredHeight = measureHeight(heightMeasureSpec);
setMeasuredDimension(measuredWidth, measuredHeight);
}
private void initBitmap1(int measuredWidth) {
mBitmap1 = Bitmap.createBitmap(measuredWidth, Fonts.getHeight(), Bitmap.Config.ARGB_4444);
Canvas canvas = new Canvas(mBitmap1 ); canvas.drawText(mText, 0, 0, mPaint);
} private void initBitmap2() {
mBitmap2 = Bitmap.createBitmap(30, Fonts.getHeight(), Bitmap.Config.ARGB_4444);
Canvas canvas = new Canvas(mBitmap2); canvas.drawText(mText, 0, 0, mPaint);
} private int measureWidth(int widthMeasureSpec) {
int measuredWidth = 0; int specWidthMode = MeasureSpec.getMode(widthMeasureSpec);
int specWidthSize = MeasureSpec.getSize(widthMeasureSpec);
if (specWidthMode == MeasureSpec.EXACTLY) { measuredWidth = specWidthSize;
} else { measuredWidth = getWidth(); if (specWidthMode == MeasureSpec.AT_MOST) {
measuredWidth = Math.min(measuredWidth, specWidthSize);
} } return measuredWidth; }
private int measureHeight(int heightMeasureSpec) {
int measuredHeight = 0; int specHeightMode = MeasureSpec.getMode(heightMeasureSpec);
int specHeightSize = MeasureSpec.getSize(heightMeasureSpec);
if (specHeightMode == MeasureSpec.EXACTLY) { measuredHeight = specHeightSize;
} else { measuredHeight = 80; if (specHeightMode == MeasureSpec.AT_MOST) {
measuredHeight = Math.min(measuredHeight, specHeightSize);
} } return measuredHeight;
} @Override protected void onDraw(Canvas canvas) {
super.onDraw(canvas); canvas.drawBitmap(mBitmap1, getLeft(), 0, mPaint);
initBitmap2(); canvas.drawBitmap(mBitmap2, getLeft(), 30, mPaint);
} }
In my code, I populate some numbers of MyView (let's say 20) in a ListActivity. My question is why mBitmap1's order changes randomly while i scroll (up-down) fastly (if I scroll slowly, this problem not occur)? mBitmap2 stays where those should be.
View 1 Replies
View Related
Oct 17, 2010
Trying to implement simple dictionary. I want to make it so while the user is typing in the EditText box the list to scroll automatically to the best match. I don't want it to filter the list. For example if the user types "s" in the EditText I want the first word that s/he sees under the EditText box to be the first word in the dictionary that starts with "s." But the user should still be able to slide up and down and to be able to see the entire list of words. It is basically like a go to functionality. I used ArrayList to store my list of words. The data is in res/raw/data.xml file. Here is my onCreate method
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
wordListView = (ListView)findViewById(R.id.wordList);
myEditText = (EditText)findViewById(R.id.myEditText);
words = new ArrayList<Word>();
arrAdap = new ArrayAdapter<Word>(this, android.R.layout.simple_list_item_1, words);
wordListView.setAdapter(arrAdap); try {
InputStream inSource = getResources().openRawResource(R.raw.data);
DocumentBuilder builder = DocumentBuilderFactory.newInstance().newDocumentBuilder();
Document doc = builder.parse(inSource, null);
NodeList wordsList = doc.getElementsByTagName("eng-bg");
int length = wordsList.getLength();
for(int i = 0; i<length; i++) {
Element entry = (Element)wordsList.item(i);
Element eng = (Element)entry.getElementsByTagName("english").item(0);
Element bul = (Element)entry.getElementsByTagName("bulgarian").item(0);
Element id = (Element)entry.getElementsByTagName("ID").item(0);
String english = eng.getFirstChild().getNodeValue();
String bulgarian = bul.getFirstChild().getNodeValue();
int wordId = Integer.parseInt(id.getFirstChild().getNodeValue());
Word word = new Word(bulgarian, english, wordId);
addNewWord(word);
} catch (ParserConfigurationException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (SAXException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}wordListView.setOnItemClickListener(new OnItemClickListener(){
public void onItemClick(AdapterView<?> parent, View view, int pos, long id) {
selectedWord = words.get(pos);
showDialog(TRANS_DIALOG);
myEditText.setText(selectedWord.getEnglish());
myEditText.addTextChangedListener(new TextWatcher(){
public void onTextChanged(CharSequence s, int start, int before, int count) {
@Override
public void afterTextChanged(Editable s) {
// TODO Auto-generated method stub
@Override
public void beforeTextChanged(CharSequence s, int start, int count,
int after) {
// TODO Auto-generated method stub
View 1 Replies
View Related
Jan 14, 2010
Does anyone know how to make a ListView object larger such that more than one Entry item is visible at the same moment ? Both parents are already set with "fill_parent" but the view continues to show one-and- a-half Entries.
View 5 Replies
View Related
Aug 8, 2010
I want to create a custom view.In which i want to have a background image,2 buttons,1 textview.Can anybody tell me how to start with.
View 2 Replies
View Related
Sep 29, 2010
How to create a list view as a part of a form in android using listview as a part of the form .. something similar to select option in htmk is what i am looking for
View 1 Replies
View Related
Mar 28, 2010
I want my menu item "info" to create a custom dialog. Yet i appear to to be having trouble:
This is in my main java file:
CODE:..............
View 10 Replies
View Related
Mar 8, 2010
Can anyone suggest a good tutorial about how to create custom view?
View 1 Replies
View Related
Aug 15, 2010
I am using a custom class based off RelativeLayout but it obviously doesn't render in the Eclipse layout editor. I have found this article regarding LayoutInflater.Factory and it sounds like what I need to be doing but I can find no guides to using LayoutInflater.Factory.
http://www.macadamian.com/blog/post/android_-_custom_classes_from_xml_layout/
Could anyone help with exactly what and where I do this? I understand what is said in the article, but need specifics on where to declare, hook, whatever the Factory. In case it is helpful, here is the complete console output from when I try to view main.xml in Layout view..
java.lang.ClassCastException: android.view.View cannot be cast to android.view.ViewGroup
at android.view.LayoutInflater.rInflate(LayoutInflater.java:619)
at android.view.LayoutInflater.rInflate(LayoutInflater.java:621)
at android.view.LayoutInflater.rInflate(LayoutInflater.java:621)
at android.view.LayoutInflater.inflate(LayoutInflater.java:407)
at android.view.LayoutInflater.inflate(LayoutInflater.java:296)
at com.android.layoutlib.bridge.Bridge.computeLayout(Bridge.java:396)
at com.android.ide.eclipse.adt.internal.editors.layout.gle1.GraphicalLayoutEditor.computeLayout(Unknown Source)
at com.android.ide.eclipse.adt.internal.editors.layout.gle1.GraphicalLayoutEditor.recomputeLayout(Unknown Source)
at com.android.ide.eclipse.adt.internal.editors.layout.gle1.GraphicalLayoutEditor.activated(Unknown Source)
at com.android.ide.eclipse.adt.internal.editors.layout.LayoutEditor.pageChange(Unknown Source)
at org.eclipse.ui.part.MultiPageEditorPart.setActivePage(MultiPageEditorPart.java:1076)
at org.eclipse.ui.forms.editor.FormEditor.setActivePage(FormEditor.java:601)
at com.android.ide.eclipse.adt.internal.editors.AndroidEditor.selectDefaultPage(Unknown Source)
at com.android.ide.eclipse.adt.internal.editors.AndroidEditor.addPages(Unknown Source)
at org.eclipse.ui.forms.editor.FormEditor.createPages(FormEditor.java:138)
at org.eclipse.ui.part.MultiPageEditorPart.createPartControl(MultiPageEditorPart.java:357)
at org.eclipse.ui.internal.EditorReference.createPartHelper(EditorReference.java:662)
at org.eclipse.ui.internal.EditorReference.createPart(EditorReference.java:462)
at org.eclipse.ui.internal.WorkbenchPartReference.getPart(WorkbenchPartReference.java:595)
at org.eclipse.ui.internal.PartPane.setVisible(PartPane.java:313)
at org.eclipse.ui.internal.presentations.PresentablePart.setVisible(PresentablePart.java:180)
at org.eclipse.ui.internal.presentations.util.PresentablePartFolder.select(PresentablePartFolder.java:270)
at org.eclipse.ui.internal.presentations.util.LeftToRightTabOrder.select(LeftToRightTabOrder.java:65)
at org.eclipse.ui.internal.presentations.util.TabbedStackPresentation.selectPart(TabbedStackPresentation.java:473)
at org.eclipse.ui.internal.PartStack.refreshPresentationSelection(PartStack.java:1256)
at org.eclipse.ui.internal.PartStack.setSelection(PartStack.java:1209)
at org.eclipse.ui.internal.PartStack.presentationSelectionChanged(PartStack.java:843)
at org.eclipse.ui.internal.PartStack.access$1(PartStack.java:829)
at org.eclipse.ui.internal.PartStack$1.selectPart(PartStack.java:139)
at org.eclipse.ui.internal.presentations.util.TabbedStackPresentation$1.handleEvent(TabbedStackPresentation.java:133)
at org.eclipse.ui.internal.presentations.util.AbstractTabFolder.fireEvent(AbstractTabFolder.java:270)
at org.eclipse.ui.internal.presentations.util.AbstractTabFolder.fireEvent(AbstractTabFolder.java:279)
at org.eclipse.ui.internal.presentations.defaultpresentation.DefaultTabFolder.access$1(DefaultTabFolder.java:1)
at org.eclipse.ui.internal.presentations.defaultpresentation.DefaultTabFolder$2.handleEvent(DefaultTabFolder.java:87)
at org.eclipse.swt.widgets.EventTable.sendEvent(EventTable.java:84)
at org.eclipse.swt.widgets.Widget.sendEvent(Widget.java:1176)
at org.eclipse.swt.widgets.Widget.sendEvent(Widget.java:1200)
at org.eclipse.swt.widgets.Widget.sendEvent(Widget.java:1185)
at org.eclipse.swt.widgets.Widget.notifyListeners(Widget.java:1025)
at org.eclipse.swt.custom.CTabFolder.setSelection(CTabFolder.java:3256)
at org.eclipse.swt.custom.CTabFolder.onMouse(CTabFolder.java:2045)
at org.eclipse.swt.custom.CTabFolder$1.handleEvent(CTabFolder.java:323)
at org.eclipse.swt.widgets.EventTable.sendEvent(EventTable.java:84)
at org.eclipse.swt.widgets.Widget.sendEvent(Widget.java:1176)
at org.eclipse.swt.widgets.Display.runDeferredEvents(Display.java:3493)
at org.eclipse.swt.widgets.Display.readAndDispatch(Display.java:3112)
at org.eclipse.ui.internal.Workbench.runEventLoop(Workbench.java:2405)
at org.eclipse.ui.internal.Workbench.runUI(Workbench.java:2369)
at org.eclipse.ui.internal.Workbench.access$4(Workbench.java:2221)
at org.eclipse.ui.internal.Workbench$5.run(Workbench.java:500)
at org.eclipse.core.databinding.observable.Realm.runWithDefault(Realm.java:332)
at org.eclipse.ui.internal.Workbench.createAndRunWorkbench(Workbench.java:493)
at org.eclipse.ui.PlatformUI.createAndRunWorkbench(PlatformUI.java:149)
at org.eclipse.ui.internal.ide.application.IDEApplication.start(IDEApplication.java:113)
at org.eclipse.equinox.internal.app.EclipseAppHandle.run(EclipseAppHandle.java:194)
at org.eclipse.core.runtime.internal.adaptor.EclipseAppLauncher.runApplication(EclipseAppLauncher.java:110)
at org.eclipse.core.runtime.internal.adaptor.EclipseAppLauncher.start(EclipseAppLauncher.java:79)
at org.eclipse.core.runtime.adaptor.EclipseStarter.run(EclipseStarter.java:368)
at org.eclipse.core.runtime.adaptor.EclipseStarter.run(EclipseStarter.java:179)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:57)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
at java.lang.reflect.Method.invoke(Method.java:616)
at org.eclipse.equinox.launcher.Main.invokeFramework(Main.java:559)
at org.eclipse.equinox.launcher.Main.basicRun(Main.java:514)
at org.eclipse.equinox.launcher.Main.run(Main.java:1311)
View 2 Replies
View Related
Aug 28, 2010
How to create custom view with two independent sections, each slideable? Example would be iPad Zillow -> http://www.zillow.com/ipad/I was wondering if this can also be done on the home screen and not only in new app.
View 1 Replies
View Related
Sep 24, 2009
I try to create my custom view inside a linearlayout. For example
<View android:id="@+id/ViewPaint" class="com.example.android.helloactivity.HelloActivity$DrawingView"/>
In the java source I created a DrawingView class which extends View. Unfortunatly it does not get instantiated. I tried to overwrite the ondraw() but without success. Code...
View 4 Replies
View Related
Oct 25, 2010
Anyone has idea how to create animation from top to bottom for List View with increasing the height of each list item view ?
View 2 Replies
View Related
Apr 16, 2010
I've seen example com.example.android.apis.view.List11 from ApiDemos. In that example, each row takes the view android.R.simple_list_item_multiple_choice. Each such view has a TextView and a CheckBox.
Now I want each view to have 2 TextView's and 1 CheckBox, somewhat similar to the List3 example. I tried creating a custom layout file row.xml like this:
CODE:...............
Then in Activity.onCreate(), I do like this:
CODE:..................
The result kind of looks like what I want, but it looks like the list doesn't know which item of it is selected. Also, I need to click exactly on the checkbox. In the List11 example, I only need to click on the item row.
So what do I need to do to make a multiple choice list with my custom view for each row?
View 2 Replies
View Related
