ভিউ'র মার্জিন এবং প্যাডিংয়ের মধ্যে পার্থক্য কী?
ভিউ'র মার্জিন এবং প্যাডিংয়ের মধ্যে পার্থক্য কী?
উত্তর:
প্যাডিংয়ের অর্থ মনে রাখতে আমাকে সহায়তা করতে , আমি প্রচুর পুরু সুতির প্যাডিং সহ একটি বড় কোট ভাবি । আমি আমার কোটের ভিতরে আছি, তবে আমি এবং আমার প্যাডেড কোট একসাথে রয়েছি। আমরা একটি ইউনিট।
তবে মার্জিন মনে রাখতে আমি ভাবি, " আরে আমাকে কিছুটা মার্জিন দাও! " এটি আমার এবং আপনার মধ্যে ফাঁকা জায়গা। আমার আরাম অঞ্চল - আমার মার্জিনের ভিতরে আসবেন না।
এটি আরও স্পষ্ট করার জন্য, এখানে প্যাডিং এবং মার্জিনের একটি চিত্র TextView
:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:background="#c5e1b0"
android:textColor="#000000"
android:text="TextView margin only"
android:textSize="20sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:background="#f6c0c0"
android:textColor="#000000"
android:text="TextView margin only"
android:textSize="20sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#c5e1b0"
android:padding="10dp"
android:textColor="#000000"
android:text="TextView padding only"
android:textSize="20sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#f6c0c0"
android:padding="10dp"
android:textColor="#000000"
android:text="TextView padding only"
android:textSize="20sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:background="#c5e1b0"
android:textColor="#000000"
android:padding="10dp"
android:text="TextView padding and margin"
android:textSize="20sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:background="#f6c0c0"
android:textColor="#000000"
android:padding="10dp"
android:text="TextView padding and margin"
android:textSize="20sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#c5e1b0"
android:textColor="#000000"
android:text="TextView no padding no margin"
android:textSize="20sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#f6c0c0"
android:textColor="#000000"
android:text="TextView no padding no margin"
android:textSize="20sp" />
</LinearLayout>
প্যাডিং হ'ল সীমান্তের অভ্যন্তরের স্থান, সীমানা এবং আসল দেখার সামগ্রীর মধ্যে। নোট করুন যে প্যাডিং সামগ্রীর চারপাশে পুরোপুরি যায়: উপরে, নীচে, ডান এবং বাম দিকে প্যাডিং রয়েছে (যা স্বাধীন হতে পারে)।
মার্জিনস হ'ল সীমান্তের বাইরের সীমানা এবং এই দৃশ্যের পাশের অন্যান্য উপাদানগুলির মধ্যে। চিত্রটিতে, মার্জিনটি পুরো বস্তুর বাইরে ধূসর অঞ্চল। নোট করুন, প্যাডিংয়ের মতো, মার্জিনটি সামগ্রীর চারপাশে পুরোপুরি যায়: উপরের, নীচে, ডান এবং বাম দিকে মার্জিন রয়েছে।
একটি চিত্র 1000 টিরও বেশি শব্দের কথা বলেছে ( মার্জিন বনাম প্যাডিং - সিএসএসের বৈশিষ্ট্যগুলি থেকে নেওয়া ):
প্যাডিং ভিউয়ের মধ্যে, মার্জিনের বাইরে। প্যাডিং সমস্ত দর্শন জন্য উপলব্ধ। ভিউয়ের উপর নির্ভর করে প্যাডিং এবং মার্জিনের মধ্যে ভিজ্যুয়াল পার্থক্য থাকতে পারে বা নাও থাকতে পারে।
বোতামগুলির জন্য, উদাহরণস্বরূপ, বৈশিষ্ট্যযুক্ত বোতামের পটভূমির চিত্রটিতে প্যাডিং রয়েছে তবে মার্জিনটি নেই। অন্য কথায়, আরও প্যাডিং যুক্ত করা বোতামটি দৃশ্যত আরও বড় দেখায়, যখন আরও মার্জিন যুক্ত করা কেবল বোতাম এবং পরবর্তী নিয়ন্ত্রণ প্রশস্ততার মধ্যে ব্যবধান তৈরি করে।
জন্য TextView
S, অপরপক্ষে, প্যাডিং এবং মার্জিন চাক্ষুষ প্রভাব অভিন্ন।
মার্জিন উপলব্ধ কিনা তা ভিউয়ের ধারক দ্বারা নির্ধারিত হয়, ভিউ দ্বারা নয়। ইন LinearLayout
মার্জিন সমর্থিত, AbsoluteLayout
(বর্তমানে অপ্রচলিত বিবেচিত) - কোন।
চিত্রের নীচে আপনাকে প্যাডিং এবং মার্জিন বুঝতে দেবে-
প্যাডিং
যদি আপনি দিতে প্যাডিং একটি View.For উদাহরণস্বরূপ ভিতরে android:paddingLeft=20dp
, তারপর দৃশ্য ভিতরে আইটেম সঙ্গে ব্যবস্থা করা হবে 20dp
প্রস্থ left.You এছাড়াও ব্যবহার করতে পারেন থেকে paddingRight
, paddingBottom
,paddingTop
যথাক্রমে ঠিক আছে, নীচে এবং উপর থেকে প্যাডিং দিতে চলেছেন পারে।
মার্জিন
মার্জিন এ এর বাইরে View
। উদাহরণস্বরূপ, যদি আপনি দেন android:marginLeft=20dp
, তবে দৃশ্যটি 20dp
বাম থেকে পরে সাজানো হবে ।
আসুন ধরা যাক আপনার কাছে একটি ভিউতে একটি বোতাম আছে এবং ভিউটির আকার 200 বাই 200 এবং বোতামটির আকার 50 বাই 50, এবং বোতামের শিরোনাম এইচটি। মার্জিন এবং প্যাডিংয়ের মধ্যে পার্থক্য হ'ল আপনি ভিউতে বোতামের প্রান্তিক সেট করতে পারেন, উদাহরণস্বরূপ, বাম দিক থেকে 20, উপরে থেকে 20, এবং প্যাডিং বোতামের পাঠ্য অবস্থান বা টেক্সট ভিউ ইত্যাদি সামঞ্জস্য করবে উদাহরণস্বরূপ , প্যাডিংয়ের মান বাম থেকে 20, সুতরাং এটি পাঠ্যের অবস্থানটি সামঞ্জস্য করবে।
মার্জিন বলতে কোনও উপাদানের বাইরে অতিরিক্ত স্থান বোঝায়। প্যাডিং একটি উপাদানের মধ্যে অতিরিক্ত স্থান বোঝায়। মার্জিনটি নিয়ন্ত্রণের চারপাশে অতিরিক্ত স্থান। প্যাডিং নিয়ন্ত্রণের অতিরিক্ত স্থান।
সাদা পূরণের সাথে মার্জিন এবং প্যাডিংয়ের সাথে পার্থক্যটি দেখা শক্ত, তবে রঙিন ফিল দিয়ে আপনি এটি সূক্ষ্ম দেখতে পারেন।
উপরের সমস্ত সঠিক উত্তর ছাড়াও, অন্য একটি পার্থক্য হ'ল প্যাডিং একটি দৃশ্যের ক্লিকযোগ্য ক্ষেত্রকে বাড়িয়ে তোলে, তবে মার্জিনগুলি তা করে না । যদি আপনার কাছে একটি ছোট ক্লিকযোগ্য চিত্র থাকে তবে ক্লিক হ্যান্ডলারকে ক্ষমা করতে চাইলে এটি কার্যকর।
যেমন, এই একটি সঙ্গে আমার লেআউট ছবিটি দেখুন ImageView
(অ্যান্ড্রয়েড আইকন) আমি কোথায় সেট paddingBotton
হতে 100dp
(ছবির স্টক লঞ্চার mipmap হয় ic_launcher
)। সংযুক্ত ক্লিক হ্যান্ডলারের সাহায্যে আমি চিত্রের বাইরে এবং নীচে ক্লিক করতে সক্ষম হয়েছি এবং এখনও একটি ক্লিক নিবন্ধন করতে পারি।
সহজ কথায়:
সহজ কথায়:
প্যাডিং বক্সের আকার পরিবর্তন করে (কিছু দিয়ে)।
মার্জিন বিভিন্ন বাক্সের মধ্যে স্থান পরিবর্তন করে