Sunday, August 28, 2016

কিভাবে এন্ড্রোয়েড ক্যলকুলেটর বানাতে হয় ?


আসসালামুয়ালাইকুম ,

এন্ড্রোয়েড এপ্স ডেভেলোপমেন্ট সম্পর্কে এইটা আমার প্রথম পোস্ট ।
তাই ভুল হলে ক্ষমা সুন্দর দৃষ্টিতে দেখবেন ।

আপনারা অনেকেই হয়ত আপনাদের সাধের এন্ড্রোয়েড এ ক্যলকুলেটর ব্যবহার করেন , কখনো কি ভেবে দেখেছেন এই ক্যলকুলেটর আসলে কিভাবে বানায় ।

ভেবে থাকলে ভাল , আর না ভেবে থাকলে সমস্যা নাই , আজ আমি আপনাদের দেখাব কিভাবে এন্ড্রোয়েড ক্যলকুলেটর বানাতে হয় ।

যেহেতু আপনি এই পোস্ট টি পড়ছেন তাই ভেবে নেব আপনি এন্ড্রোয়েড  ডেভেলোপমেন্ট এর বেসিক জানেন ।

তো চলুন শুরু করি,

১) প্রথমে একটা প্রজেক্ট তৈরি করে নিন আপনার এন্ড্রোয়েড স্টুডিও অথবা একলিপ্স এ Simple Calculator এই নামে


২) তারপর , চলুন ডিস্প্লে ডিসাইন করে ফেলি,

    যান > activity_main.xml > নিচের কোডটি পেস্ট করে দিন

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.simplecalculator.MainActivity" >

    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="78dp"
          android:inputType="number"
        android:ems="10" >

        <requestFocus />
    </EditText>

    <EditText
        android:id="@+id/editText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText1"
        android:layout_centerVertical="true"
        android:inputType="number"
        android:ems="10" >
       </EditText>
        
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText1"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="32dp"
        android:layout_marginTop="50dp"
        android:text="input first"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/editText2"
        android:layout_alignLeft="@+id/textView1"
        android:layout_marginBottom="16dp"
        android:text="input second"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/editText2"
        android:onClick="functioncalculator"
        android:text="+" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button1"
        android:layout_alignTop="@+id/checkedTextView1"
        android:text="ANS ="
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/checkedTextView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/checkedTextView1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="24dp"
        android:text="wait for calculation" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/textView3"
        android:layout_below="@+id/button1"
        android:layout_marginTop="31dp"
        android:onClick="functioncalculator"
        android:text="-" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/button2"
        android:layout_centerHorizontal="true"
        android:onClick="functioncalculator"
        android:text="*" />

    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button2"
        android:layout_alignBottom="@+id/button2"
        android:layout_alignLeft="@+id/button3"
        android:onClick="functioncalculator"
        android:text="/" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignRight="@+id/checkedTextView2"
        android:text="Made by Monirul Islam"
        android:textAppearance="?android:attr/textAppearanceLarge" />
       
</RelativeLayout>

৩) এবার যান MainActivity.java এবং নিচের কোডটা পেস্ট করে দিন কাজ শেষ ,

package com.example.simplecalculator;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends ActionBarActivity {
EditText e1,e2;
TextView t1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    e1=(EditText)findViewById(R.id.editText1); 
    e2=(EditText)findViewById(R.id.editText2);
    t1=(TextView)findViewById(R.id.checkedTextView2)     
    }
    public void functioncalculator(View view){
        int num1,num2,result;
    if (view.getId()==R.id.button1){
    num1=Integer.parseInt(e1.getText().toString());
    num2=Integer.parseInt(e2.getText().toString());
    result=num1+num2;
    t1.setText(Integer.toString(result));
    }
    if (view.getId()==R.id.button2){
        num1=Integer.parseInt(e1.getText().toString());
        num2=Integer.parseInt(e2.getText().toString());
        result=num1-num2;
        t1.setText(Integer.toString(result));
        }
    if (view.getId()==R.id.button3){
        num1=Integer.parseInt(e1.getText().toString());
        num2=Integer.parseInt(e2.getText().toString());
        result=num1*num2;
        t1.setText(Integer.toString(result));
        }
    if (view.getId()==R.id.button4){
        num1=Integer.parseInt(e1.getText().toString());
        num2=Integer.parseInt(e2.getText().toString());
        result=num1/num2;
        t1.setText(Integer.toString(result));
        }
    }
}

সব ঠিক ঠাক থাকলে এপস রান করলে নিচের মত দেখতে পারবেন,

এন্ড্রোয়েড ক্যলকুলেটর

বিঃ দ্রঃ কত সোজা তাই না । কিন্তু বিষয় একটাই আপনাকে বেসিক ভাল করে জানতে হবে তা না হলে কিছুই বুঝবেন না ।

তো আজ এই পর্যন্তই পরবর্তীতে অন্য কোন এন্ড্রোয়েড এপ্স ডেভেলোপমেন্ট নিয়ে হাজির হব আশা করি , আল্লাহ যদি বাচিয়ে রাখে ।

Share: