I have a HTML list of about 500 items and a "filter" box above it. I started by using jQuery to filter the list when I typed a letter (timing code added later): $('#filter').keyup( function() { var jqStart = (new Date).getTime(); var search = $(this).val().toLowerCase(); var $list = $('ul.ablist > li'); $list.each( function() { if ( $(this).text().toLowerCase().indexOf(search) === -1 ) $(this).hide(); else $(this).show(); } ); console.log('Time: ' + ((new Date).getTime() - jqStart)); } ); However, there was a couple of seconds delay after typing each letter (particularly the first letter). So I thought it may be slightly quicker if I used plain Javascript (I read recently that jQuery's each function is particularly slow). Here's my JS equivalent: document.getElementById('filter').addEventListener( 'keyup', function () { var jsStart = (new Date).getTime()...
Use dp for anything but for fonts. For fonts use sp.
ReplyDeletePretty much everything about this and how to achieve the best support for multiple screens with different sizes and density is very well documented here:
Supporting Multiple Screens
If you are any serious about developing an android app for more than one type of device, you should have read the above at least once. In addition to that it is always a good thing to know the actual number of active devices that have a particular screen configuration.
Screen Sizes and Densities
For some screenshots on different devices showing the differences between each unit (as well as some curious discrepancies against the documentation), see this related question:
ReplyDeleteDifference between android dimension: pt and dp
Example at http://blog.edwinevans.me/?p=131
ReplyDeleteThis might help
ReplyDeleteAfter you demystify the differences. This calculator http://coh.io/adpi/ will make your life easier :)
ReplyDelete