Notepad application Kaise banaen mobile phone se sketchware Pro me

Mobile Phone Se Android Notepad Application Kaise Banaye (Sketchware Pro)

Aaj hum apne mobile phone ki madad se ek simple aur professional Android Notepad Application banana sikhne wale hain.

Is tutorial me hum Android application kaise banayi jaati hai, woh bhi step by step detail ke saath samjhenge, taaki beginners ko samajhne me koi dikkat na ho.

Step 1: Sketchware Pro Me Naya Project Banana

Sabse pehle hum Sketchware Pro application ko open karenge. App open hone ke baad plus (+) icon par click karke ek naya project create karenge.

Project create karte waqt application ka naam Notepad rakhenge aur package name com.my.notepad set karenge. Uske baad Save Changes button par click kar denge.

Step 2: Main Screen Ka XML Layout Banana

Project create ho jaane ke baad, screen ke right niche ki taraf ek option dikhai dega. Us option par click karna hai. Iske baad Direct XML Editor par click karenge aur niche diya gaya code wahan paste kar denge.

main.xml

<RelativeLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:background="#F8F9FA">
	<RelativeLayout
		android:id="@+id/topBar"
		android:layout_width="match_parent"
		android:layout_height="56dp"
		android:background="#FFFFFF"
		android:elevation="4dp"
		android:paddingStart="16dp"
		android:paddingEnd="16dp">
		<TextView
			android:id="@+id/textTitle"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:text="Pro Note"
			android:textSize="22sp"
			android:textStyle="bold"
			android:textColor="#1C1B1F"
			android:layout_centerVertical="true" />
		<ImageView
			android:id="@+id/btnDeleteSelected"
			android:layout_width="40dp"
			android:layout_height="40dp"
			android:padding="8dp"
			android:background="?attr/selectableItemBackgroundBorderless"
			android:scaleType="center"
			android:src="@android:drawable/ic_delete"
			android:layout_marginEnd="12dp"
			android:tint="#D32F2F"
			android:visibility="gone"
			android:contentDescription="DeleteSelected"
			android:layout_alignParentEnd="true"
			android:layout_centerVertical="true" />
	</RelativeLayout>
	<androidx.recyclerview.widget.RecyclerView
		android:id="@+id/recyclerViewNotes"
		android:layout_width="match_parent"
		android:layout_height="match_parent"
		android:padding="8dp"
		android:clipToPadding="false"
		android:layout_below="@id/topBar" />
	<ImageView
		android:id="@+id/fabAdd"
		android:layout_width="56dp"
		android:layout_height="56dp"
		android:layout_margin="24dp"
		android:background="@drawable/bg_fab"
		android:src="@drawable/icon_plus_round"
		android:scaleType="center"
		android:tint="@android:color/white"
		android:contentDescription="AddNote"
		android:layout_alignParentBottom="true"
		android:layout_alignParentEnd="true" />
</RelativeLayout>

Step 3: Edit Note Screen Banana

Ab hum ek dusri screen banayenge jiska naam edit_note.xml rakhenge. Pehle ki tarah hi is screen ke Direct XML Editor me niche diya gaya code paste kar denge.

Step 4: Custom Note Item View Banana

Ab hum ek custom view banayenge jiska naam note_item.xml rakhenge. Iske andar bhi niche diya gaya code paste karna hai.

Step 5: Java Files Banana

Itna sab hone ke baad, upar ki taraf jo 3 dot option hai us par click karenge. Fir Java/Kotlin Manager par click karenge.

Yahan humein total 4 Java files banani hongi:

• EditNoteActivity.java
• MainActivity.java
• Note.java
• NoteAdapter.java

Ab in sabhi files me unke naam ke according niche diya gaya code paste kar dena hai. Dhyan rahe, har file me usi ka related code paste ho.