यदि आप एक ऐप डेवलपर हैं, तो कई बार आप अपने उपयोगकर्ताओं को प्रदान करने के लिए डेटा लाने के लिए एक वेब एपीआई शामिल करना चाहते हैं। यह बहुत मुश्किल नहीं है, और इसे एक्सएमएल या जेएसओएन में किया जा सकता है। इसलिए इस ट्यूटोरियल में, हम आपको दिखाने जा रहे हैं कि अपने एंड्रॉइड ऐप में एक साधारण वेब एपीआई डेटा फ़ेचर कैसे बनाया जाए।
इस ट्यूटोरियल के लिए, हम XML के बजाय JSON का उपयोग करेंगे।
JSON में कोड लिखना
पहले निम्न कोड के साथ एक नई सूची दृश्य XML फ़ाइल बनाएँ:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="https://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ListView android:id="@+id/list_title_list" android:layout_width="match_parent" android:layout_height="match_parent"> </ListView> </LinearLayout> Next create a new XML file, and this is where you will list the elements you want shown (ImageView, TextView, etc.) <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="80dp" android:orientation="vertical" android:padding="5dp" > <ImageView android:id="@+id/iv_icon_social" android:layout_width="60dp" android:layout_height="60dp" android:layout_centerVertical="true" android:visibility="gone" /> <LinearLayout android:id="@+id/thumbnail" android:layout_width="fill_parent" android:layout_height="85dp" android:layout_marginRight="50dp" android:layout_marginTop="0dp" android:layout_toRightOf="@+id/iv_icon_social" android:gravity="center_vertical" android:orientation="vertical" android:padding="5dip" android:visibility="visible" > <TextView android:id="@+id/txt_ttlsm_row" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingLeft="10dp" android:text="Sample text" android:textSize="18dp" android:textStyle="bold" /> <TextView android:id="@+id/txt_ttlcontact_row2" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="0dp" android:layout_marginTop="3dp" android:paddingLeft="10dp" android:maxEms="20" android:maxLines="2" android:singleLine="false" android:ellipsize="end" android:text="Sample text2" android:textColor="#808080" android:textSize="15dp" android:textStyle="normal" /> </LinearLayout> </RelativeLayout>
एपीआई से डेटा प्राप्त करने के लिए, हमें मुख्य गतिविधि पर जाने की आवश्यकता होगी, और हमें AsyncTask का उपयोग करने की आवश्यकता है क्योंकि मुख्य थ्रेड पर एपीआई लाना संभव नहीं है। AsyncTask केवल एक थ्रेड है जो UI में परिणाम दिखाते हुए पृष्ठभूमि प्रक्रिया करता है। नेटवर्क प्रक्रियाओं के लिए मुख्य थ्रेड का उपयोग करने से आमतौर पर आपका ऐप क्रैश हो जाएगा। अगर यह थोड़ा भ्रमित करने वाला लगता है, तो रैपिडएपीआई पर कुछ अत्यधिक गहन एपीआई ट्यूटोरियल देखें।
class DownloadFilesTask extends AsyncTask < Void, Void, String > { private final ProgressDialog dialog = new ProgressDialog(MainActivity.this); @Override protected void onPreExecute() { super.onPreExecute(); this.dialog.setMessage("Signing in..."); this.dialog.show(); } @Override protected String doInBackground(Void...params) { ServiceHandler sh = new ServiceHandler(); String jsonStr = sh.makeServiceCall("https://jsonplaceholder.typicode.com/albums/", ServiceHandler.GET); Log.d("res1", jsonStr); return jsonStr; } @Override protected void onPostExecute(String response) { super.onPostExecute(response); Log.d("res2", response); dialog.dismiss(); if (response != null) { try { JSONArray arr = new JSONArray(response); DataModel mDatModel = new DataModel(); for (int i = 0; i < arr.length(); i++) { JSONObject c = arr.getJSONObject(i); String id=c.getString(ID); String title = c.getString(TITLE); String uid = c.getString(USER_ID); id_array.add(id); // Toast.makeText(getApplicationContext(), title, Toast.LENGTH_LONG).show(); } adapter = new AAdapter(MainActivity.this, id_array); l.setAdapter(adapter); } catch (Exception e) {} } } } MainActivity.java public class MainActivity extends AppCompatActivity implements AdapterView.OnItemClickListener { AAdapter adapter; ArrayList < String > id_array = new ArrayList < String > (); ArrayList < String > notice_array = new ArrayList < String > (); Button b1; ListView l; private final static String SERVICE_URI = "https://jsonplaceholder.typicode.com/albums/"; private static final String TAG_QUESTIONS = "Questions"; private static final String USER_ID = "userId"; private static final String ID = "id"; private static final String TITLE = "title"; JSONArray questions = null; protected void onSaveInstanceState(Bundle outState) { super.onSaveInstanceState(outState); } protected void onRestoreInstanceState(Bundle savedInstanceState) { super.onRestoreInstanceState(savedInstanceState); } @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); l = (ListView) findViewById(R.id.list); new DownloadFilesTask().execute(); l.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView < ? > parent, View view, int position, long id) { String abc = id_array.get(position); Toast.makeText(getBaseContext(), id_array.get(position), Toast.LENGTH_LONG).show(); Intent n = new Intent(MainActivity.this, Titleshow.class); n.putExtra("id", id_array.get(position)); startActivity(n); } }); } @Override public void onItemClick(AdapterView < ? > parent, View view, int position, long id) {}
आपको अपनी मुख्य गतिविधि में प्रतिसाद मिलेगा
ServiceHandler sh = new ServiceHandler(); String jsonStr = sh.makeServiceCall("https://jsonplaceholder.typicode.com/albums/", ServiceHandler.GET); this nothing but a service handle class to request and get the respose from web api so we will do all this from web api. ServiceHandler.java class ServiceHandler { static String response = null; public final static int GET = 1; public final static int POST = 2; public ServiceHandler() {} /** * Making service call * * @url - url to make request * @method - http request method */ public String makeServiceCall(String url, int method) { return this.makeServiceCall(url, method, null); } /** * Making service call * * @url - url to make request * @method - http request method * @params - http request params */ public String makeServiceCall(String url, int method, List < NameValuePair > params) { try { // http client DefaultHttpClient httpClient = new DefaultHttpClient(); HttpEntity httpEntity = null; HttpResponse httpResponse = null; // Checking http request method type if (method == POST) { HttpPost httpPost = new HttpPost(url); // adding post params if (params != null) { httpPost.setEntity(new UrlEncodedFormEntity(params)); } httpResponse = httpClient.execute(httpPost); } else if (method == GET) { // appending params to url if (params != null) { String paramString = URLEncodedUtils.format(params, "utf-8"); url += "?" + paramString; } HttpGet httpGet = new HttpGet(url); httpResponse = httpClient.execute(httpGet); } httpEntity = httpResponse.getEntity(); response = EntityUtils.toString(httpEntity); } catch (UnsupportedEncodingException e) { e.printStackTrace(); } catch (ClientProtocolException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } return response; } }
आपके asyncTask में आगे, आपको एक एडेप्टर वर्ग मिलेगा, जो एडेप्टर विधि सेट करेगा, लेकिन इसके लिए हमें एक कस्टम एडेप्टर बनाने की आवश्यकता है।
public class AAdapter extends BaseAdapter { private Activity activity; // private ArrayList<HashMap<String, String>> data; private static ArrayList title; private static LayoutInflater inflater = null; public AAdapter(Activity a, ArrayList b) { activity = a; this.title = b; inflater = (LayoutInflater) activity.getSystemService(Context.LAYOUT_INFLATER_SERVICE); } public int getCount() { return title.size(); } public Object getItem(int position) { return position; } public long getItemId(int position) { return position; } public View getView(int position, View convertView, ViewGroup parent) { View vi = convertView; if (convertView == null) vi = inflater.inflate(R.layout.abcd, null); TextView title2 = (TextView) vi.findViewById(R.id.txt_ttlsm_row); // title String song = title.get(position).toString(); title2.setText(song); TextView title22 = (TextView) vi.findViewById(R.id.txt_ttlcontact_row2); // notice String song2 = title.get(position).toString(); title22.setText(song2); return vi; } }
हमें यह याद रखने की आवश्यकता है कि एडॉप्टर क्लास को एंड्रॉइड में एब्सट्रैक्ट क्लास माना जाता है, इसलिए हमें सभी तरीकों को लागू करने की आवश्यकता है। नीचे दिए गए कोड में, गेटव्यू विधि महत्वपूर्ण है, क्योंकि हम दूसरी एक्सएमएल फ़ाइल प्रदर्शित करने के लिए वहां और कोड जोड़ेंगे।
inflater = (LayoutInflater) activity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
और हमें लोड इमेज के लिए एक एडेप्टर क्लास की भी आवश्यकता होगी, ताकि एपीआई फ़ेचर इंटरनेट से छवियों को लोड कर सके।
public class MyAdapter extends BaseAdapter { ImageLoader imageLoader; private Context ctx; ArrayList < AlbumData > list; public MyAdapter(Context ctx, ArrayList < AlbumData > mDataList) { list = mDataList; this.ctx = ctx; } public int getCount() { return list.size(); } public Object getItem(int position) { return position; } public long getItemId(int position) { return position; } public View getView(int position, View convertView, ViewGroup parent) { // View vi = convertView; ViewHolder viewHolder; if (convertView == null) { LayoutInflater vi = (LayoutInflater) ctx.getSystemService(Context.LAYOUT_INFLATER_SERVICE); convertView = vi.inflate(R.layout.abcde, null); viewHolder = new ViewHolder(); viewHolder.imageView = (ImageView) convertView.findViewById(R.id.image); viewHolder.textView = (TextView) convertView.findViewById(R.id.txt_ttlsm_row); convertView.setTag(viewHolder); } else { viewHolder = (ViewHolder) convertView.getTag(); } AlbumData data = list.get(position); String a = data.getThumbnailUrl(); if (data != null) { viewHolder.textView.setText(data.getTitle()); String url = a; Glide.with(ctx).load(url).centerCrop().placeholder(R.drawable.abhi).crossFade().into(viewHolder.imageView); /* Picasso.with(ctx) .load("https://preview.keenthemes.com/conquer/assets/plugins/jcrop/demos/demo_files/image2.jpg") .into(viewHolder.imageView);*/ /* ImageLoader imageLoader = ImageLoader.getInstance(); imageLoader.displayImage("https://www.keenthemes.com/preview/conquer/assets/plugins/jcrop/demos/demo_files/image1.jpg", viewHolder.imageView);*/ } return convertView; } public class ViewHolder { ImageView imageView; TextView textView; }
हमने एक कोड टिप्पणी जोड़ी है जो वास्तव में पिकासो छवि लोडर के लिए सिर्फ एक सुझाव है, जो एंड्रॉइड के लिए एक शक्तिशाली ओपन-सोर्स इमेज डाउनलोडर और कैशिंग लाइब्रेरी है, और आपके ऐप में एक हल्का पदचिह्न रखता है। हालाँकि, आप अधिक अनुकूलन के लिए ग्लाइड इमेज लोडर का भी उपयोग कर सकते हैं, क्योंकि यह GIF समर्थन और बेहतर मेमोरी प्रबंधन प्रदान करता है।
public class ViewHolder { ImageView imageView; TextView textView; }
व्यू होल्डर क्लास क्या करता है, व्यूहोल्डर का एक स्थिर उदाहरण बनाता है, और फिर इसे पहले लोड पर व्यू आइटम में संलग्न करता है। इसके बाद इसे भविष्य की कॉलों में व्यू टैग से पुनर्प्राप्त किया जाएगा।
GetView () विधि को बहुत कुछ कहा जाता है जैसे कि जब ListView में बहुत सारे तत्व होते हैं। इसलिए हम सेट और गेट मेथड के लिए डेटा मॉडल क्लास लागू करेंगे, जो आपको ऐरे लिस्ट के एलीमेंट को प्राप्त करने में मदद करेगा, और भविष्य में आपके जीवन को आसान बना देगा।
public class AlbumData { int albumId; int id; String title; String url; String thumbnailUrl; public int getAlbumId() { return albumId; } public void setAlbumId(int albumId) { this.albumId = albumId; } public int getId() { return id; } public void setId(int id) { this.id = id; } public String getTitle() { return title; } public void setTitle(String title) { this.title = title; } public String getUrl() { return url; } public void setUrl(String url) { this.url = url; } public String getThumbnailUrl() { return thumbnailUrl; } public void setThumbnailUrl(String thumbnailUrl) { this.thumbnailUrl = thumbnailUrl; } }
अभी के लिए आपको यही सब कुछ चाहिए। आप ब्लूस्टैक्स जैसे ऐप एमुलेटर में इस एपीआई फ़ेचर के आउटपुट का परीक्षण कर सकते हैं।