हम GoogleMap और पंप SimpleCursorAdapter का उपयोग कर एक सरल अनुप्रयोग लिख रहे हैं

एंड्रॉइड प्लेटफॉर्म के लिए एप्लिकेशन विकास अधिक से अधिक बड़े पैमाने पर हो रहा है। इसलिए, मुझे हाल ही में इस तरह के एक अनुप्रयोग के ग्राहक भाग को विकसित करने का मौका मिला, वास्तव में इस मामले की समझ से समझ, केवल जावा के बुनियादी ज्ञान पर निर्भर थी।

यहां, एक साधारण एप्लिकेशन के उदाहरण का उपयोग करके, जो आपको सूची से एक मेट्रो स्टेशन का चयन करने और इसे मानचित्र पर प्रदर्शित करने की अनुमति देता है, लिस्ट व्यू के लिए एडेप्टर के साथ काम करने की कुछ उपयोगी विशेषताओं को दिखाया गया है, अंतर्निहित डेटाबेस के साथ सबसे सरल Google मानचित्र संचालन और इंटरैक्शन लागू किया गया है।
लेख के अंत में पूरी परियोजना को जीथब पर डाउनलोड किया जा सकता है।

वास्तव में, यह वही है जो सूची जैसा दिखता है:


इसमें स्वयं स्टेशनों की एक सूची और स्टेशनों के लिए एक खोज बार शामिल है। खोज में एक संकेत लागू किया जाता है - जब सूची में अक्षरों का क्रम टाइप करते हैं, तो केवल वे स्टेशन जिनके नाम इस क्रम से शुरू होते हैं, रहते हैं।
बेलोरुस्काया स्टेशन पर टैप करें, हमें मिलता है:


अब देखते हैं कि वहां क्या होता है।
यह देखना आसान है कि यहां एक Google मानचित्र (MapView) का उपयोग किया जाता है। तदनुसार, यह याद रखना महत्वपूर्ण है कि प्रोजेक्ट बनाते समय आपको Google API को लक्ष्य के रूप में निर्दिष्ट करना होगा।

अब बिंदु द्वारा बिंदु:

1. एंड्रॉइड मैनफेस्ट

यह आधार फ़ाइल है, जो एप्लिकेशन की सेटिंग्स का वर्णन करती है और इंगित करती है कि इसकी क्या पहुंच है। तदनुसार, आपको इस फ़ाइल में इंटरनेट तक पहुंच दर्ज करने की आवश्यकता है, इंगित करें कि com.google.android.maps लाइब्रेरी का उपयोग किया जाता है, और हमारी गतिविधियों को इंगित करता है: इस मामले में, SearchDialog, जो स्टार्टअप पर दिखाई देता है, और मैप, मैप के साथ गतिविधि।

2. डेटाबेस

डेटाबेस के साथ सुविधाजनक काम के लिए, एक डेटाबेस हेल्पर बनाना आवश्यक है जो डेटाबेस के साथ काम करने के लिए आवश्यक तरीकों को लागू करता है - जैसे कि पहले अक्षरों को फ़िल्टर करना और आईडी द्वारा खोज करना।
RecordDbHelper.java फ़ाइल, जैसा कि पहले ही उल्लेख किया गया है, नीचे दिए गए लिंक पर देखी जा सकती है। यहां केवल यह ध्यान देने योग्य है कि हमने आईडी और टेक्स्ट फिल्टर द्वारा खोज विधियों को लागू किया है, जिसका उपयोग हम भविष्य में करेंगे।

 public Cursor getById(long id) { Cursor ccc = mDb.query(true, DATABASE_TABLE, new String[] { KEY_ROWID, KEY_NAME, KEY_X, KEY_Y, KEY_LINES }, KEY_ROWID + "=" + Long.toString(id), null, null, null, null, null); return ccc; } synchronized public Cursor fetchRecordsByQuery(String query) { Cursor ccc = mDb.query(true, DATABASE_TABLE, new String[] { KEY_ROWID, KEY_NAME, KEY_LINES }, KEY_NAME + " LIKE" + "'" + query + "%'", null, null, null, KEY_NAME, null); return ccc; }​ 
 

public Cursor getById(long id) { Cursor ccc = mDb.query(true, DATABASE_TABLE, new String[] { KEY_ROWID, KEY_NAME, KEY_X, KEY_Y, KEY_LINES }, KEY_ROWID + "=" + Long.toString(id), null, null, null, null, null); return ccc; } synchronized public Cursor fetchRecordsByQuery(String query) { Cursor ccc = mDb.query(true, DATABASE_TABLE, new String[] { KEY_ROWID, KEY_NAME, KEY_LINES }, KEY_NAME + " LIKE" + "'" + query + "%'", null, null, null, KEY_NAME, null); return ccc; }​

सामान्य तौर पर, सब कुछ हमेशा की तरह है, कोई चाल नहीं।

3. एडॉप्टर

यह एक वर्ग है जो एक डेटाबेस के साथ एक सूची संबंध को लागू करता है। डेटाबेस में क्वेरी के परिणामस्वरूप, हमें टेबल कर्सर मिलता है। एडेप्टर Item.xml (नीचे देखें) से कर्सर, सूची, तालिका फ़ील्ड नाम और तत्व आईडी लेता है, जिसे एक-दूसरे के साथ संबद्ध किया जाना चाहिए, और सूची दृश्य पॉप्युलेट करता है। हम मानक SimpleCursorAdapter से विरासत में लेंगे, जिसमें यह सब लागू किया गया है, और इसमें getView पद्धति को फिर से परिभाषित करें।

Adapter.java

 public class Adapter extends SimpleCursorAdapter{ public Adapter(Context context, int layout, Cursor c, String[] from, int[] to) { super(context, layout, c, from, to); } @Override public View getView(int position, View convertView, ViewGroup parent) { View view = super.getView(position, convertView, parent); long id=getItemId(position); view.setTag(id); return view; } } 
 

public class Adapter extends SimpleCursorAdapter{ public Adapter(Context context, int layout, Cursor c, String[] from, int[] to) { super(context, layout, c, from, to); } @Override public View getView(int position, View convertView, ViewGroup parent) { View view = super.getView(position, convertView, parent); long id=getItemId(position); view.setTag(id); return view; } }

गेटव्यू विधि में, सूची आइटम का तैयार दृश्य (यानी, टैग में स्टेशन नाम और रंगीन सर्कल) के साथ एक सूची लाइन (जिसमें प्रत्येक प्रकार का दृश्य है) डेटाबेस तालिका की पंक्ति की आईडी है जिसमें यह तत्व मेल खाता है। सूची आइटम पर टैप करने पर यह आईडी बाद में कार्ड के साथ गतिविधि में स्थानांतरित हो जाएगी।

4. सूची

पहले आपको इसका लेआउट सेट करने की आवश्यकता है - अर्थात्, हमारे द्वारा आवश्यक तत्वों के दृश्य प्रतिनिधित्व का फ्रेम:

search.xml

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" > <EditText android:id="@+id/search_text" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/search_hint" /> <ListView android:id="@android:id/android:list" android:layout_width="fill_parent" android:layout_height="wrap_content" /> </LinearLayout> 
 

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" > <EditText android:id="@+id/search_text" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/search_hint" /> <ListView android:id="@android:id/android:list" android:layout_width="fill_parent" android:layout_height="wrap_content" /> </LinearLayout>


एक व्यक्तिगत सूची आइटम का लेआउट (चित्र मेट्रो लाइन के रंग और स्टेशन के नाम के साथ एक चक्र है):

item.xml

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/line_image" > </ImageView> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="TextView" android:id="@+id/text1" > </TextView> </LinearLayout> 
 

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/line_image" > </ImageView> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="TextView" android:id="@+id/text1" > </TextView> </LinearLayout>


अब, अंत में, खोज वर्ग, जो खोज के साथ गतिविधि का वर्णन करता है। यह ListActivity से विरासत के उपयोग से कार्यान्वित किया जाता है - सूचियों के लिए एक विशेष गतिविधि। स्टेशनों पर डेटा (नाम, निर्देशांक और मेट्रो लाइन की संख्या) उपरोक्त डेटाबेस से लिए गए हैं।

 public class Search extends ListActivity { //  private EditText searchText; private RecordsDbHelper recordsDBHelper; private ListView list; private Adapter notes; //  Binder   private Binder binder; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.search); binder = new Binder(); list = getListView(); //        , //     intent  id ,     //(. ),         . list.setClickable(true); list.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> av, View v, int pos, long id) { Intent intent = new Intent(); intent.putExtra("ID", (Long) v.getTag()); intent.setClass(Search.this, Map.class); startActivity(intent); } }); searchText = (EditText) findViewById(R.id.search_text); //       ,   //   updateList(),      searchText.addTextChangedListener(new TextWatcher() { public void afterTextChanged(Editable s) { } public void beforeTextChanged(CharSequence s, int start, int count, int after) { } public void onTextChanged(CharSequence s, int start, int before, int count) { updateList(searchText.getText().toString()); } }); //    Database Helper',     //  .     ,  //     . list.post(new Runnable() { @Override public void run() { recordsDBHelper = new RecordsDbHelper(Search.this); recordsDBHelper.open(); updateList(searchText.getText().toString()); } }); } //  Binder,   SimpleCursorAdapter.ViewBinder. //    . ,       //      . private static class Binder implements Adapter.ViewBinder { public boolean setViewValue(View view, Cursor c, int i) { if (view.getId() == R.id.line_image) { Integer line = c.getInt(i); switch (line) { case 0: ((ImageView) view).setImageResource(R.drawable.line0); break; case 1: ((ImageView) view).setImageResource(R.drawable.line1); break; … … } return true; } return false; } } //           // . private void updateList(String s) { if (recordsDBHelper.isReady()) { //       Cursor c = recordsDBHelper.fetchRecordsByQuery(s); startManagingCursor(c); //   ,       String[] from = new String[] { RecordsDbHelper.KEY_NAME, RecordsDbHelper.KEY_LINES }; //  id   (.. ImageView,    // ,  TextView,     ) int[] to = new int[] { R.id.text1, R.id.line_image }; //      notes = new Adapter(Search.this, R.layout.item, c, from, to); notes.setViewBinder(binder); setListAdapter(notes); } } } 

यहां सबसे दिलचस्प बात, यह मुझे लगती है, बिंदर है। यह आपको यह निर्धारित करने की अनुमति देता है कि डेटाबेस तालिका से सूची पंक्ति तत्व में मान को कैसे बाँधें, अर्थात्, उदाहरण के लिए वांछित रंग के एक सर्कल के साथ तालिका में संग्रहीत शाखा संख्या को कैसे बांधें। कर्सर व्यूवर में निर्दिष्ट प्रत्येक दृश्य के लिए setViewValue विधि को कहा जाता है। यदि रिटर्न परिणाम सही है, तो डेटा बाध्य है, सब कुछ ठीक है। यदि गलत है, तो सिस्टम समझता है कि एक अनुचित विधि को बुलाया गया है और मानक बाइंडरों में आवश्यक एक की तलाश करता है। यह उदाहरण यह देखने के लिए जांचता है कि क्या पैरामीटर के रूप में पारित किया गया चित्र ImageView है जिसमें सर्कल होना चाहिए। यदि यह मामला है, तो हम संबंधित तस्वीर को वहां स्थानांतरित करते हैं, अन्यथा हम झूठे लौटते हैं, जिससे यह स्पष्ट हो जाता है कि हमें मानक बाइंडर का उपयोग करने की आवश्यकता है (क्योंकि यह एक तस्वीर नहीं है, लेकिन यहां हम केवल चित्रों को संसाधित करते हैं)।

सक्रियण को लागू करते समय, ऑनक्रिएट () विधि को पहले कहा जाता है, जिसमें सभी प्रदर्शित तत्व प्रारंभिक होते हैं। यहां, सूची आइटम पर एक क्लिक हैंडलर स्थापित किया गया है, जो रिकॉर्ड के आईडी के साथ एक टैग खींचता है और इस टैग को मानचित्र के साथ गतिविधि में पास करता है (ठीक है, यह वास्तव में इस गतिविधि को कॉल करता है)। एक टेक्स्ट चेंज हैंडलर भी EditText (फ़िल्टर स्ट्रिंग) में स्थापित किया गया है। जब पाठ को बदल दिया जाता है, तो अपडेटलिस्ट () फ़ंक्शन को कहा जाता है, जिसमें ऊपर वर्णित सहायक का उपयोग करके, डेटाबेस में एक अनुरोध डाला जाता है, फ़िल्टर किए गए डेटा को बाहर निकालता है, और सूची के लिए एक एडाप्टर बनाया जाता है।

5. नक्शा

अंत में, हम स्वयं कार्ड की ओर मुड़ते हैं। लेआउट के साथ शुरू करते हैं:

map.xml

 <?xml version="1.0" encoding="utf-8"?> <com.google.android.maps.MapView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/mapview" android:layout_width="fill_parent" android:layout_height="fill_parent" android:clickable="true" android:apiKey=<b><u>  GoogleMaps API</u></b> /> 
 

<?xml version="1.0" encoding="utf-8"?> <com.google.android.maps.MapView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/mapview" android:layout_width="fill_parent" android:layout_height="fill_parent" android:clickable="true" android:apiKey=<b><u> GoogleMaps API</u></b> />


GoogleMaps API की कुंजी यहां आवश्यक है। मैंने खान नहीं चमकाया :) इसे कैसे प्राप्त करें, आप यहां पढ़ सकते हैं।
खैर, वास्तव में कार्ड के साथ गतिविधि:

Map.java

 public class Map extends MapActivity { public MapView mapView; public MapController mapController; private RecordsDbHelper mDbHelper; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.map); //  mapView = (MapView) findViewById(R.id.mapview); //    mapView.setBuiltInZoomControls(true); mapController = mapView.getController(); //        mapView.post(new Runnable() { @Override public void run() { //  mDbHelper = new RecordsDbHelper(Map.this); mDbHelper.open(); // . ,   id   ,      Bundle extras = Map.this.getIntent().getExtras(); if (extras != null) { long str = extras.getLong("ID"); //  id      Cursor cursor = mDbHelper.getById(str); startManagingCursor(cursor); cursor.moveToFirst(); double x = cursor.getDouble(cursor.getColumnIndex(RecordsDbHelper.KEY_X)); double y = cursor.getDouble(cursor.getColumnIndex(RecordsDbHelper.KEY_Y)); // GeoPoint       //  GeoPoint point = new GeoPoint((int) (x * 1E6), (int) (y * 1E6)); //      mapController.animateTo(point); mapController.setZoom(16); } } }); } } 

यहां:
1. मानक ZoomIn और ZoomOut बटन कार्ड पर स्थापित हैं (setBuiltInZoomControls () का उपयोग करके)
2. हमारा डेटाबेस खुलता है।
3. इस गतिविधि के कारण के इरादे से, रिकॉर्ड की आईडी खींच ली गई है, जिसे सूची आइटम पर क्लिक हैंडलर में पारित किया गया था (मैंने इस बारे में ऊपर लिखा है), और इस आईडी से डेटाबेस को हम वांछित लाइन प्राप्त करते हैं, जहां से हमें स्टेशन के निर्देशांक की आवश्यकता होती है।
4. निर्देशांक अनुरोध के परिणामस्वरूप प्राप्त getDouble विधि का उपयोग करके निकाला जाता है।
5. इसके बाद, एक जियोप्वाइंट बनाया जाता है और समन्वय रूपांतरण किए जाते हैं (भिन्नात्मक डेटाबेस में संग्रहीत किए जाते हैं, और Google को पूर्णांकों की आवश्यकता होती है। ऐसा करने के लिए, आपको डेटाबेस से लिए गए 10 ^ 6 और राउंड ऑफ को गुणा करना होगा)।
6. चेतन () और सेटज़ूम () वांछित स्थान पर नक्शे को स्थानांतरित करें और ज़ूम स्तर सेट करें।

फूह, बस इतना ही। जैसा कि आप देख सकते हैं, काफी सरल कार्यक्षमता के लिए काफी तुच्छ चीजें नहीं हैं, जो एक शुरुआत से निपटने के लिए इतनी आसान नहीं हैं। इसलिए, मैं वास्तव में आशा करता हूं कि मैंने जो अनुभव साझा किया है वह किसी को शुरुआत में समस्याओं के कारण उत्साह नहीं खोने में मदद करेगा, और अधिक गुणवत्ता वाले अनुप्रयोग होंगे जो हमारे जीवन को अनुकूलित करते हैं!

पूरी परियोजना यहां पाई जा सकती है ।