§ 2. इंटरफ़ेस डिजाइन, संक्रमण वर्ग - आशय

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



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

आइए सबसे सरल इंटरफ़ेस - लॉगिन + पिन फ़ॉर्म का निर्माण शुरू करें, और एक बदलाव के लिए हम कुछ प्रकार के एनीमेशन प्रभाव जोड़ेंगे।





हमारे पास एक सरल कोड है:

package com.google.android.hello;



import android.app.Activity;

import android.os.Bundle;

public class HelloAndroid extends Activity {



@Override

public void onCreate(Bundle icicle) {

super.onCreate(icicle);

setContentView(R.layout.main);

}

}







हम निम्न परिणाम शुरू करते हैं और देखते हैं:







यह कैसे हुआ? सब कुछ बहुत सरल है। SetContentView () कमांड - क्लास की वर्तमान गतिविधि के लिए लेआउट को लोड करता है। लेआउट हमारे इंटरफ़ेस का विवरण है। हमारे गतिविधि वर्ग के लिए, हम Layout.main को लोड करते हैं, जिसका विवरण main.xml फ़ाइल में है, और यह फ़ाइल लेआउट फ़ोल्डर में स्थित है, जो बदले में प्रोजेक्ट के रेस फ़ोल्डर में स्थित है।







अब देखते हैं कि main.xml फ़ाइल कैसे काम करती है







छवि तत्वों की संरचना को दिखाती है। मुख्य LinearLayout तत्व में अन्य सभी तत्व (TextView, EditText) शामिल हैं। उन्हें उसी क्रम में प्रदर्शित किया जाएगा जिसमें वे प्रदर्शित होते हैं।

प्रत्येक तत्व में विशेषताओं का एक सेट होता है, जिसके साथ हम तत्व को नियंत्रित कर सकते हैं। उदाहरण के लिए, यदि हम स्क्रीन के किनारों से इंडेंट करना चाहते हैं, तो हम एंड्रॉइड विशेषता सेट करते हैं: पैडिंग = 10 डिप। स्पष्टता के लिए, मैं main.xml फ़ाइल को उसके वास्तविक रूप में दूंगा:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:background="#c7c7c7"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:padding="10dip">

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Login" />

<EditText

android:maxLines="1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

id="@+id/login" />

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Pin code" />

<EditText

android:maxLines="1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:password="true"

id="@+id/pin" />









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

EditText editLogin;

EditText editPassword;







हम उन्हें id के माध्यम से main.xml फ़ाइल में विवरण के साथ जोड़ते हैं, और सेटऑनक्लिकक्लिकस्टनर () फ़ंक्शन को जोड़ते हैं, जो इनपुट की प्रतीक्षा कर रहा है।

public void onCreate(Bundle icicle) {

super.onCreate(icicle);

setContentView(R.layout.main);

editLogin = ((EditText) this.findViewById(R.id.login));

editPin = ((EditText) this.findViewById(R.id.pin));

editPin.setOnClickListener(this);

}







आगे, लंबे समय तक विलंब न करने के लिए, मैं सभी कोड टिप्पणियों के साथ दूंगा।

package com.google.android.hello;



//

import android.app.Activity;

import android.app.NotificationManager;

import android.content.Intent;

import android.os.Bundle;

import android.view.View;

import android.view.animation.Animation;

import android.view.animation.AnimationUtils;

import android.widget.EditText;



public class HelloAndroid extends Activity implements View.OnClickListener{

EditText editLogin;

EditText editPin;

@Override

public void onCreate(Bundle icicle) {

super.onCreate(icicle);

setContentView(R.layout.main);

editLogin = ((EditText) this.findViewById(R.id.login));

editPin = ((EditText) this.findViewById(R.id.pin));

editPin.setOnClickListener(this);

}

public void onClick(View v) {

// , xml shake.xml

Animation shake = AnimationUtils.loadAnimation(this, R.anim.shake);

//

NotificationManager nm = (NotificationManager)

getSystemService(NOTIFICATION_SERVICE);

// pass

String pass = editPin.getText().toString();

// 4

if( pass.length() == 4)

{

// , - "Welcome + "

nm.notifyWithText(R.id.login,

"Welcome "+editLogin.getText().toString(),

NotificationManager.LENGTH_SHORT, null);

//

Intent intent = new Intent();

intent.setClass(HelloAndroid.this, WelcomeAndroid.class);

startActivity(intent);

// Activity

finish();

}

else

{

// -

editPin.startAnimation(shake);

// "Wrong pin, must be 4 digits"

nm.notifyWithText(R.id.login,

"Wrong pin, must be 4 digits",

NotificationManager.LENGTH_SHORT, null);

//

editPin.setText("");

}

}







आइए हम कुछ बिंदुओं पर अधिक विस्तार से ध्यान दें। इंटेंट क्लास, इसकी मदद से एक्टिविटी विंडो के बीच बदलाव किए जाते हैं। हम एक नई विंडो लॉन्च करना चाहते हैं, हम इसके लिए एक विवरण बनाते हैं wel_android.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:background="#c7c7c7"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:padding="10dip">

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Welcome Android" />









तदनुसार, इरादे .setClass (HelloAndroid.this, WelcomeAndroid.class) संक्रमण सेट करता है, और startActivity (इरादा) फ़ंक्शन इसे लागू करता है।



4-वर्ण पिन कोड दर्ज करते समय और लॉगिन करें, निम्न विंडो पर जाएं:







एनीमेशन के लिए xml बनाने के लिए आपको और क्या चाहिए। ऐसा करने के लिए, रिस फ़ोल्डर में एक एनिमेटेड फ़ोल्डर और उसमें दो फाइलें बनाएँ:



cycle_7.xml

<?xml version="1.0" encoding="utf-8"?>

<CycleInterpolator

xmlns:android=http://schemas.android.com/apk/res/android android:cycles="7" />







shake.xml

<?xml version="1.0" encoding="utf-8"?>

<translate

xmlns:android=http://schemas.android.com/apk/res/android android:fromXDelta="0"

android:toXDelta="10"

android:duration="1000"

android:interpolator="@anim/cycle_7" />







इसके अलावा AndroidMainfest.xml में जोड़ना न भूलें:



<activity class=".WelcomeAndroid" android:label="@string/app_name">





यह मूल रूप से खिड़कियों के बीच इंटरफेस और बदलाव के निर्माण के बारे में है।



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