একটি ভিউয়ের প্যাডিং এবং মার্জিনের মধ্যে পার্থক্য


566

ভিউ'র মার্জিন এবং প্যাডিংয়ের মধ্যে পার্থক্য কী?


10
প্যাডিং সীমান্তের অভ্যন্তরে, মার্জিনের বাইরে। দেখুন W3C এর বক্স মডেল বিস্তারিত জানার জন্য। এই ব্লগ পোস্টটি অনেক বেশি পঠনযোগ্য, যদিও :-)
অ্যারোন দিগুলা


3
এটি এইচটিএমএল এর সমান, আরও স্ট্যাকওভারফ্লো.com
স্কট

অনুরূপ প্রশ্নে আমার উত্তর দেখুন stackoverflow.com/questions/21959050/...
ইউজিন Brusov

উত্তর:


568

প্যাডিংয়ের অর্থ মনে রাখতে আমাকে সহায়তা করতে , আমি প্রচুর পুরু সুতির প্যাডিং সহ একটি বড় কোট ভাবি । আমি আমার কোটের ভিতরে আছি, তবে আমি এবং আমার প্যাডেড কোট একসাথে রয়েছি। আমরা একটি ইউনিট।

তবে মার্জিন মনে রাখতে আমি ভাবি, " আরে আমাকে কিছুটা মার্জিন দাও! " এটি আমার এবং আপনার মধ্যে ফাঁকা জায়গা। আমার আরাম অঞ্চল - আমার মার্জিনের ভিতরে আসবেন না।

এটি আরও স্পষ্ট করার জন্য, এখানে প্যাডিং এবং মার্জিনের একটি চিত্র 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>

সম্পর্কিত


577

প্যাডিং হ'ল সীমান্তের অভ্যন্তরের স্থান, সীমানা এবং আসল দেখার সামগ্রীর মধ্যে। নোট করুন যে প্যাডিং সামগ্রীর চারপাশে পুরোপুরি যায়: উপরে, নীচে, ডান এবং বাম দিকে প্যাডিং রয়েছে (যা স্বাধীন হতে পারে)।

মার্জিনস হ'ল সীমান্তের বাইরের সীমানা এবং এই দৃশ্যের পাশের অন্যান্য উপাদানগুলির মধ্যে। চিত্রটিতে, মার্জিনটি পুরো বস্তুর বাইরে ধূসর অঞ্চল। নোট করুন, প্যাডিংয়ের মতো, মার্জিনটি সামগ্রীর চারপাশে পুরোপুরি যায়: উপরের, নীচে, ডান এবং বাম দিকে মার্জিন রয়েছে।

একটি চিত্র 1000 টিরও বেশি শব্দের কথা বলেছে ( মার্জিন বনাম প্যাডিং - সিএসএসের বৈশিষ্ট্যগুলি থেকে নেওয়া ):

বিকল্প পাঠ


54
উত্তরটি এইচটিএমএল / সিএসএসের জন্য, প্রশ্নটি ছিল অ্যান্ড্রয়েড সম্পর্কে। অ্যান্ড্রয়েডের ভিউ মডেলটি এইচটিএমএল দ্বারা অনুপ্রাণিত, তবে অভিন্ন নয়। একটি জিনিস জন্য, সীমান্ত সেখানে প্রথম শ্রেণির বড় আকারের বস্তু নয়।
সেবা আলেকসেয়েভ

48
দ্রষ্টব্য: অ্যান্ড্রয়েডে, বিন্যাস_ প্রস্থ সম্পত্তিতে সামগ্রী এবং প্যাডিং অন্তর্ভুক্ত রয়েছে। (এইচটিএমএলে, সিএসএস প্রস্থের সম্পত্তিটি কেবলমাত্র সামগ্রীর প্রস্থকে বোঝায় Se) সেবা যেমন বলেছিল, সীমান্তের ধারণায় অ্যান্ড্রয়েডের কোনও বিল্ট নেই। আপনি অ্যান্ড্রয়েডে একটি সীমানা যুক্ত করতে একটি 9-প্যাচ পিএনজি ব্যাকগ্রাউন্ড বা একটি এক্সএমএল ভেক্টর ব্যবহার করতে পারেন।
শার্কআলে

12
এটিও লক্ষণীয় যে ব্যাকগ্রাউন্ডটি মার্জিনের ভিত্তিতে পরিবর্তিত হয়েছে তবে প্যাডিং নয় (অ্যান্ড্রয়েডে))
আর্টঅফ ওয়ারফেয়ার

অ্যান্ড্রয়েডে, এখানে যা "সীমান্ত" হিসাবে পরিচিত, এটি আসলে 'ভিউ ধারক'। এই কিছু আশা করি আমি স্পষ্ট করা উচিত।
হাংরি অ্যান্ড্রয়েডার

75

প্যাডিং একটি ভিউয়ের ভিতরে।

মার্জিন একটি ভিউয়ের বাইরে।

এই পার্থক্যটি ব্যাকগ্রাউন্ড বা আকারের বৈশিষ্ট্যের সাথে প্রাসঙ্গিক হতে পারে।


41

প্যাডিং ভিউয়ের মধ্যে, মার্জিনের বাইরে। প্যাডিং সমস্ত দর্শন জন্য উপলব্ধ। ভিউয়ের উপর নির্ভর করে প্যাডিং এবং মার্জিনের মধ্যে ভিজ্যুয়াল পার্থক্য থাকতে পারে বা নাও থাকতে পারে।

বোতামগুলির জন্য, উদাহরণস্বরূপ, বৈশিষ্ট্যযুক্ত বোতামের পটভূমির চিত্রটিতে প্যাডিং রয়েছে তবে মার্জিনটি নেই। অন্য কথায়, আরও প্যাডিং যুক্ত করা বোতামটি দৃশ্যত আরও বড় দেখায়, যখন আরও মার্জিন যুক্ত করা কেবল বোতাম এবং পরবর্তী নিয়ন্ত্রণ প্রশস্ততার মধ্যে ব্যবধান তৈরি করে।

জন্য TextViewS, অপরপক্ষে, প্যাডিং এবং মার্জিন চাক্ষুষ প্রভাব অভিন্ন।

মার্জিন উপলব্ধ কিনা তা ভিউয়ের ধারক দ্বারা নির্ধারিত হয়, ভিউ দ্বারা নয়। ইন LinearLayoutমার্জিন সমর্থিত, AbsoluteLayout(বর্তমানে অপ্রচলিত বিবেচিত) - কোন।



8

প্যাডিং মানে উইজেট এবং উইজেটের মূল ফ্রেমের মধ্যে স্থান। তবে মার্জিনটি হ'ল উইজেটের মূল ফ্রেমের মধ্যে অন্যান্য উইজেটের ফ্রেমের সীমানা to এখানে চিত্র বর্ণনা লিখুন


7

প্যাডিং হ'ল সীমানা এবং আসল চিত্র বা ঘর সামগ্রীগুলির মধ্যে সীমানার অভ্যন্তরের স্থান। মার্জিনগুলি সীমানার বাইরে সীমানা এবং এই বস্তুর পাশে থাকা অন্যান্য উপাদানগুলির মধ্যে ফাঁকা স্থান।


7

কখনও কখনও আপনি কেবল প্যাডিং বা মার্জিনের সাথে খেলে একই ফলাফল অর্জন করতে পারেন। উদাহরণ:

বলুন এক্স ভিতে ভিউ ওয়াই রয়েছে (ওরফে: ভিউ ওয়াই ভিউ এক্স এর অভ্যন্তরীণ)।

মার্জিন সহ 30 টি দেখুন বা প্যাডিং সহ 30 টি দেখুন = 30 একই ফলাফলটি অর্জন করবে: দেখুন ওয়াইয়ের অফসেট 30 হবে।


7

প্যাডিং
যদি আপনি দিতে প্যাডিং একটি View.For উদাহরণস্বরূপ ভিতরে android:paddingLeft=20dp, তারপর দৃশ্য ভিতরে আইটেম সঙ্গে ব্যবস্থা করা হবে 20dpপ্রস্থ left.You এছাড়াও ব্যবহার করতে পারেন থেকে paddingRight, paddingBottom,paddingTop যথাক্রমে ঠিক আছে, নীচে এবং উপর থেকে প্যাডিং দিতে চলেছেন পারে।

মার্জিন
মার্জিন এ এর ​​বাইরে View। উদাহরণস্বরূপ, যদি আপনি দেন android:marginLeft=20dp, তবে দৃশ্যটি 20dpবাম থেকে পরে সাজানো হবে ।


3

আসুন ধরা যাক আপনার কাছে একটি ভিউতে একটি বোতাম আছে এবং ভিউটির আকার 200 বাই 200 এবং বোতামটির আকার 50 বাই 50, এবং বোতামের শিরোনাম এইচটি। মার্জিন এবং প্যাডিংয়ের মধ্যে পার্থক্য হ'ল আপনি ভিউতে বোতামের প্রান্তিক সেট করতে পারেন, উদাহরণস্বরূপ, বাম দিক থেকে 20, উপরে থেকে 20, এবং প্যাডিং বোতামের পাঠ্য অবস্থান বা টেক্সট ভিউ ইত্যাদি সামঞ্জস্য করবে উদাহরণস্বরূপ , প্যাডিংয়ের মান বাম থেকে 20, সুতরাং এটি পাঠ্যের অবস্থানটি সামঞ্জস্য করবে।


2

মার্জিন বলতে কোনও উপাদানের বাইরে অতিরিক্ত স্থান বোঝায়। প্যাডিং একটি উপাদানের মধ্যে অতিরিক্ত স্থান বোঝায়। মার্জিনটি নিয়ন্ত্রণের চারপাশে অতিরিক্ত স্থান। প্যাডিং নিয়ন্ত্রণের অতিরিক্ত স্থান।

সাদা পূরণের সাথে মার্জিন এবং প্যাডিংয়ের সাথে পার্থক্যটি দেখা শক্ত, তবে রঙিন ফিল দিয়ে আপনি এটি সূক্ষ্ম দেখতে পারেন।


2

উপরের সমস্ত সঠিক উত্তর ছাড়াও, অন্য একটি পার্থক্য হ'ল প্যাডিং একটি দৃশ্যের ক্লিকযোগ্য ক্ষেত্রকে বাড়িয়ে তোলে, তবে মার্জিনগুলি তা করে না । যদি আপনার কাছে একটি ছোট ক্লিকযোগ্য চিত্র থাকে তবে ক্লিক হ্যান্ডলারকে ক্ষমা করতে চাইলে এটি কার্যকর।

যেমন, এই একটি সঙ্গে আমার লেআউট ছবিটি দেখুন ImageView(অ্যান্ড্রয়েড আইকন) আমি কোথায় সেট paddingBottonহতে 100dp(ছবির স্টক লঞ্চার mipmap হয় ic_launcher)। সংযুক্ত ক্লিক হ্যান্ডলারের সাহায্যে আমি চিত্রের বাইরে এবং নীচে ক্লিক করতে সক্ষম হয়েছি এবং এখনও একটি ক্লিক নিবন্ধন করতে পারি।

এখানে চিত্র বর্ণনা লিখুন


একটি ব্যবহারিক এবং দরকারী টিপ!
নেভলওভার

2

সহজ কথায়:

  1. প্যাডিং - ভিউয়ের সীমানার ভিতরে স্থান তৈরি করে।
  2. মার্জিন - ভিউয়ের সীমানার বাইরে স্থান তৈরি করে।

1

সহজ কথায়:
প্যাডিং বক্সের আকার পরিবর্তন করে (কিছু দিয়ে)।
মার্জিন বিভিন্ন বাক্সের মধ্যে স্থান পরিবর্তন করে

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.