আমি কীভাবে দুটি উইজেট / লেআউটের মধ্যে নতুন "ফ্লোটিং অ্যাকশন বোতাম" যুক্ত করতে পারি

Question

আমার ধারণা আপনি নতুন অ্যান্ড্রয়েড ডিজাইনের গাইডলাইন দেখেছেন, নতুন "ফ্লোটিং অ্যাকশন বোতাম" ওরফে "এফএবি"

উদাহরণস্বরূপ এই গোলাপী বোতাম:

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

উপরের উদাহরণটিতে, এই বাটনটি কীভাবে আমরা চিত্রকল্প এবং একটি আপেক্ষিক লেআউট হিসাবে কল্পনা করতে পারি তার মধ্যে পুরোপুরি স্থাপন করা হয়েছে।

আমি ইতিমধ্যে প্রচুর টুইট চেষ্টা করেছি, তবে আমি নিশ্চিত যে এটি করার উপযুক্ত উপায় আছে।

Comments

আপনি একটি বিন্যাসের অভ্যন্তরে বিন্যাসগুলি অবস্থান করতে এবং সেই বিন্যাসের বোতামটি রাখতে পারেন

— ক্রোম পেঙ্গুইন স্টুডিওগুলি

আমি মনে করি এই লাইব্রেরিটি অনেক সাহায্য করতে পারে: github.com/ksoichiro/Android-ObservableScrollView

— অ্যান্ড্রয়েড বিকাশকারী

স্ক্রোল করার সময় এটি কীভাবে আড়াল করবেন? আমি একটি সমস্যার মুখোমুখি হয়েছি, যেখানে আমি পৃষ্ঠাটি স্ক্রোল করি, ফাবটি শীর্ষে থাকে এবং লুকিয়ে থাকে না! দয়া করে সহায়তা করুন

— আনিস কুমার

Answer 1

ভাল অভ্যাস:

• compile 'com.android.support:design:25.0.1'গ্রেড ফাইল যোগ করুন
• ব্যবহার CoordinatorLayoutরুট ভিউ হিসাবে ।
• যোগ layout_anchorFAB প্রয়োজন এবং শীর্ষ দৃশ্যে এটি সেট
• যোগ layout_anchorGravityFAB করতে এবং এটি সেট:bottom|right|end

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <LinearLayout
            android:id="@+id/viewA"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.6"
            android:background="@android:color/holo_purple"
            android:orientation="horizontal"/>

        <LinearLayout
            android:id="@+id/viewB"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.4"
            android:background="@android:color/holo_orange_light"
            android:orientation="horizontal"/>

    </LinearLayout>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:clickable="true"
        android:src="@drawable/ic_done"
        app:layout_anchor="@id/viewA"
        app:layout_anchorGravity="bottom|right|end"/>

</android.support.design.widget.CoordinatorLayout>

Comments

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

— একরপো

BTW futuresimples একটি ভয়ঙ্কর গ্রন্থাগার, এবং মামলা কেউ হতাশ হয় একটি কাঁটাচামচ যে এই একত্রিত আছে CoordinatorLayoutযে গ্রন্থাগার, সঙ্গে পদ্ধতির বর্ণন । এবং পুরানো সংস্করণগুলির জন্য একটি কাঁটাচামচ রয়েছে।

— একরপো

আমি ঠিক এই খুঁজছিলাম। সরলতার জন্য +1।

— এমিলিয়ানো ডি সান্টিস

অ্যান্ড্রয়েডের ডকুমেন্টেশনে এগুলি কেন নয়?

— মোস্তফা

layout_anchor আমাকে একটা রেন্ডারিং সমস্যা সৃষ্টি (linearlayout layoutparams coordinatorlayout কাস্ট করা যাবে না :(: অ্যাপ্লিকেশন ব্যবহার করে।

— DAVIDBALAS1

Answer 2

এই উদাহরণের সবচেয়ে পরিষ্কার উপায় মনে হচ্ছে:

• একটি রিলেটিভ লেআউট ব্যবহার করুন
• একে অপরের নীচে 2 সংলগ্ন দৃশ্যের অবস্থান দিন
• ডান / শেষ পিতামাতার এফএবি সারিবদ্ধ করুন এবং একটি ডান / শেষ মার্জিন যুক্ত করুন
• হেডার ভিউয়ের নীচে FAB সারিবদ্ধ করুন এবং নেতিবাচক মার্জিন, ছায়া সহ এফএবির অর্ধেক আকার যুক্ত করুন

শামানল্যান্ড বাস্তবায়ন থেকে অভিযোজিত উদাহরণ, আপনি যা চান এফএবি ব্যবহার করুন। ধরুন FAB ছায়া সহ 64dp উচ্চ:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <View
        android:id="@+id/header"
        android:layout_width="match_parent"
        android:layout_height="120dp"
    />

    <View
        android:id="@+id/body"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/header"
    />

    <fully.qualified.name.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignBottom="@id/header"
        android:layout_marginBottom="-32dp"
        android:layout_marginRight="20dp"
    />

</RelativeLayout>

Comments

এই বিন্যাসটি আমার জন্য কৌশলটি করেছে! আমি ব্যবহার করছি FABদ্বারা futuresimple - এটা যুক্ত & ব্যবহারের বেশ সহজ, উপভোগ করেন!

— রোমান

যেমন আপনি বলেছিলেন যে "2 এর সাথে সংলগ্ন দৃশ্যের একে অপরের নীচে অবস্থান করুন" -> এই সমস্যাটি আমি পেয়েছিলাম, আমি কেবল উপেক্ষা করেছিলাম যে আমার "ধারক-লেআউট" বন্ধনীগুলির সাথে মেলে না, তবে ডি ধন্যবাদ: পি

— মার্টিন ফেফার

এটি একটি ভাল সমাধান নয়। নেতিবাচক মার্জিনটি বোতামের স্পর্শ টার্গেটের নীচের অর্ধেকটি সরিয়ে ফেলবে। আমি ফাবের নীচের অর্ধেক টিপলে ক্লিকগুলি নিবন্ধভুক্ত নয়।

— ডোরনজ

@ ডোরঞ্জ হুম, আমার মনে হয় না যে এই সমস্যাটি আছে। আপনার দৃষ্টিভঙ্গি কি সঠিক ক্রমে রয়েছে অর্থাৎ এফএবিএল শীর্ষ স্তর?

— হিউ জেফনার

অ্যান্ড্রয়েড: লেআউট_মারগিনবটম = "- 32 ডিপি" বোতামের মোড়ানো_কন্টেন্টের সাথে হার্ডকোডযুক্ত মানটি খারাপ সমাধান

— লেস্টার

Answer 3

আপনি গুগলের নমুনা প্রকল্পটি অ্যান্ড্রয়েড স্টুডিওতে ফাইল> নমুনা আমদানি করে ক্লিক করে আমদানি করতে পারেন ...

এই নমুনাটিতে একটি ফ্লোটিংঅ্যাকশনবটন ভিউ রয়েছে যা ফ্রেমলিআউট থেকে উত্তরাধিকার সূত্রে প্রাপ্ত।

সম্পাদনা : নতুন সাপোর্ট ডিজাইন লাইব্রেরির সাথে তোমার মত এই উদাহরণে তা বাস্তবায়ন করতে https://github.com/chrisbanes/cheesesquare

Comments

এটি চালানোর জন্য আপনার অ্যান্ড্রয়েড -21 থাকা উচিত।

— ইউুলিয়া আশোমোক

আপনি যদি ফ্লোটিংএ্যাকশনবটন ব্যবহার করতে চান তবে আপনার সমর্থন ডিজাইন লাইব্রেরি ব্যবহার করা উচিত। গুগলের চিজস্কয়ারটি দেখুন।

— রোয়েল

Answer 4

অ্যাপকম্প্যাট 22 এর সাথে, এফএবি পুরানো ডিভাইসের জন্য সমর্থিত।

আপনার বিল্ড.gradle (অ্যাপ) এ নতুন সমর্থন লাইব্রেরি যুক্ত করুন:

compile 'com.android.support:design:22.2.0'

তারপরে আপনি এটি আপনার এক্সএমএলে ব্যবহার করতে পারেন:

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:src="@android:drawable/ic_menu_more"
    app:elevation="6dp"
    app:pressedTranslationZ="12dp" />

ব্যবহার elevationএবং pressedTranslationZবৈশিষ্ট্যগুলির জন্য, নেমস্পেসের appপ্রয়োজন, সুতরাং আপনার লেআউটে এই নেমস্পেসটি যুক্ত করুন: xmlns:app="http://schemas.android.com/apk/res-auto"

Comments

appনামস্থান সম্পর্কে তথ্য যুক্ত করুন

— লুকাশজ 'সেভেরিয়ান' গ্রেলা

Answer 5

এখন এটি অফিসিয়াল ডিজাইন সমর্থন লাইব্রেরির অংশ part

আপনার গ্রেডে:

compile 'com.android.support:design:22.2.0'

http://developer.android.com/reference/android/support/design/widget/FloatingActionButton.html

Comments

আপনার উত্তরটি কিছুটা অস্পষ্ট এবং অস্পষ্ট, আপনি কী ডিএসএলের অংশ তা আরও ব্যাখ্যা করতে এবং সেই পৃষ্ঠা থেকে প্রাসঙ্গিক তথ্য উদ্ধৃত করতে পারেন।

— সুপারবিসাইডম্যান

দুঃখিত, আমি বাহ্যিক লাইব্রেরিগুলিতে অনেকগুলি রেফারেন্স দেখেছি, তাই আমি অফিসিয়াল লাইব্রেরিতে নির্দেশ করতে চেয়েছিলাম। গ্রন্থাগারটি কেবল একটি বোতাম তৈরি করতে পারে তবে অবস্থান নির্ধারণকারীদের মধ্যে on সুতরাং আমার পোস্ট খুব প্রাসঙ্গিক নয়, দুঃখিত।

— ভেরোনি

Answer 6

ব্যবহার করে দেখুন এই লাইব্রেরি ( javadoc এখানে ), সর্বনিম্ন এপিআই স্তর 7:

dependencies {
    compile 'com.shamanland:fab:0.0.8'
}

এটি থিম, এক্সএমএল বা জাভা-কোডের মাধ্যমে এটিকে কাস্টমাইজ করার ক্ষমতা সহ একক উইজেট সরবরাহ করে।

এটি ব্যবহার করা খুব সহজ। প্রচারিত পদক্ষেপের প্যাটার্ন অনুসারে উপলব্ধ normalএবং miniবাস্তবায়ন রয়েছে ।

<com.shamanland.fab.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_action_my"
    app:floatingActionButtonColor="@color/my_fab_color"
    app:floatingActionButtonSize="mini"
    />

ডেমো অ্যাপ্লিকেশনটি সংকলন করার চেষ্টা করুন । আলো এবং অন্ধকার থিম, এর মাধ্যমে ব্যবহার আছে: সম্পূর্ণ উদাহরণ ListView, দুই দৃশ্যের মধ্যে সারিবদ্ধ ।

Comments

কেবল এই উত্তরে যুক্ত করতে ^ আপনি অন্যান্য উপলভ্য ব্যাকপোর্ট লাইব্রেরিগুলি যেমন: github.com/FaizMalkani/FloatingActionButton এবং github.com/makovkastar/FloatingActionButton ব্যবহার করতে পারেন । যার দু'জনেরই বেশি সমর্থন রয়েছে বলে মনে হতে পারে। তবে এই উত্তরের তালিকাভুক্ত উত্স থেকে কেবল বিশদ বিবরণ অনুসরণ করুন। দুর্দান্ত কাজ করে।

— জন শেলি

এটি কি অফিসিয়াল লাইব্রেরি?

— কোকোরিকো

কোন সরকারী গ্রন্থাগার নেই। খোলা উত্সগুলির সাথে এটি আমার লিব।

— ওলেকসেই কে।

এই ভাসমান অ্যাকশন বোতামটি এটি কীভাবে কার্যকর করা যায় তা একটি খারাপ উদাহরণ। এটি সত্যিকারের উপাদান নকশা নির্দেশিকা অনুসরণ করে না।

— মাইকেল 23

@ মাইকে মিল্লা, এই লিবের মধ্যে কী দোষ? কোন প্রয়োজনীয়তা সন্তুষ্ট হয় না?

— ওলেকসেই কে।

Answer 7

এখানে অ্যান্ড্রয়েডের জন্য একটি অ্যাডিশনাল ফ্রি ফ্লোটিং অ্যাকশন বোতাম লাইব্রেরি রয়েছে । এটির অনেকগুলি কাস্টমাইজেশন রয়েছে এবং এর জন্য এসডিকে সংস্করণ 9 এবং উচ্চতর প্রয়োজন

সম্পূর্ণ ডেমো ভিডিও

dependencies {
    compile 'com.scalified:fab:1.1.2'
}

Comments

প্রশ্নটি কীভাবে আপনি কোনও এফএবি ব্যবহার করবেন না তা নয় , তবে আপনি কীভাবে এটি অবস্থান করেন যাতে এটি দুটি দর্শনকে বিভক্ত করে তোলে। দীর্ঘশ্বাস.

— স্কট বিগস

Answer 8

বৃত্তাকার এক্সএমএল ব্যাকগ্রাউন্ড দিয়ে টেক্সটভিউ ব্যবহার করে এটি ফ্লোটিং অ্যাকশন বোতামকে সরল রাখুন। - com.android.support:design:23.1.1গ্রেড ফাইলটিতে সংকলন যুক্ত করুন

• সমন্বয়কারী লেআউটটি রুট ভিউ হিসাবে ব্যবহার করুন।
• সমন্বয়কারীকে শেষ করার আগে একটি পাঠ্য ভিউ প্রবর্তন করুন ay
• ভিতরে ড্রয়যোগ্য একটি বৃত্ত আঁকুন।

সার্কেল এক্সএমএল

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <solid
        android:color="@color/colorPrimary"/>
    <size
        android:width="30dp"
        android:height="30dp"/>
</shape>

লেআউট এক্সএমএল হয়

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="5"
    >

    <RelativeLayout
        android:id="@+id/viewA"
        android:layout_height="0dp"
        android:layout_width="match_parent"
        android:layout_weight="1.6"
        android:background="@drawable/contact_bg"
        android:gravity="center_horizontal|center_vertical"
        >
        </RelativeLayout>

    <LinearLayout
        android:layout_height="0dp"
        android:layout_width="match_parent"
        android:layout_weight="3.4"
        android:orientation="vertical"
        android:padding="16dp"
        android:weightSum="10"
        >

        <LinearLayout
            android:layout_height="0dp"
            android:layout_width="match_parent"
            android:layout_weight="1"
            >
            </LinearLayout>

        <LinearLayout
            android:layout_height="0dp"
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:weightSum="4"
            android:orientation="horizontal"
            >
            <TextView
                android:layout_height="match_parent"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:text="Name"
                android:textSize="22dp"
                android:textColor="@android:color/black"
                android:padding="3dp"
                />

            <TextView
                android:id="@+id/name"
                android:layout_height="match_parent"
                android:layout_width="0dp"
                android:layout_weight="3"
                android:text="Ritesh Kumar Singh"
                android:singleLine="true"
                android:textSize="22dp"
                android:textColor="@android:color/black"
                android:padding="3dp"
                />

            </LinearLayout>



        <LinearLayout
            android:layout_height="0dp"
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:weightSum="4"
            android:orientation="horizontal"
            >
            <TextView
                android:layout_height="match_parent"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:text="Phone"
                android:textSize="22dp"
                android:textColor="@android:color/black"
                android:padding="3dp"
                />

            <TextView
                android:id="@+id/number"
                android:layout_height="match_parent"
                android:layout_width="0dp"
                android:layout_weight="3"
                android:text="8283001122"
                android:textSize="22dp"
                android:textColor="@android:color/black"
                android:singleLine="true"
                android:padding="3dp"
                />

        </LinearLayout>



        <LinearLayout
            android:layout_height="0dp"
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:weightSum="4"
            android:orientation="horizontal"
            >
            <TextView
                android:layout_height="match_parent"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:text="Email"
                android:textSize="22dp"
                android:textColor="@android:color/black"
                android:padding="3dp"
                />

            <TextView
                android:layout_height="match_parent"
                android:layout_width="0dp"
                android:layout_weight="3"
                android:text="[e-mail]"
                android:textSize="22dp"
                android:singleLine="true"
                android:textColor="@android:color/black"
                android:padding="3dp"
                />

        </LinearLayout>


        <LinearLayout
            android:layout_height="0dp"
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:weightSum="4"
            android:orientation="horizontal"
            >
            <TextView
                android:layout_height="match_parent"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:text="City"
                android:textSize="22dp"
                android:textColor="@android:color/black"
                android:padding="3dp"
                />

            <TextView
                android:layout_height="match_parent"
                android:layout_width="0dp"
                android:layout_weight="3"
                android:text="Panchkula"
                android:textSize="22dp"
                android:textColor="@android:color/black"
                android:singleLine="true"
                android:padding="3dp"
                />

        </LinearLayout>

    </LinearLayout>

</LinearLayout>


    <TextView
        android:id="@+id/floating"
        android:transitionName="@string/transition_name_circle"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_margin="16dp"
        android:clickable="false"
        android:background="@drawable/circle"
        android:elevation="10dp"
        android:text="R"
        android:textSize="40dp"
        android:gravity="center"
        android:textColor="@android:color/black"
        app:layout_anchor="@id/viewA"
        app:layout_anchorGravity="bottom"/>

        </android.support.design.widget.CoordinatorLayout>

এটি দেখতে কেমন হবে তা দেখতে এখানে ক্লিক করুন

Answer 9

এটি আপনার গ্রেড ফাইলটিতে যুক্ত করুন

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.android.support:appcompat-v7:23.0.0'
    compile 'com.android.support:design:23.0.1'
}

এটি আপনার কার্যকলাপ_মোহন.এক্সএমএল এ

<android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <LinearLayout
                android:id="@+id/viewOne"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="0.6"
                android:background="@android:color/holo_blue_light"
                android:orientation="horizontal"/>

            <LinearLayout
                android:id="@+id/viewTwo"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="0.4"
                android:background="@android:color/holo_orange_light"
                android:orientation="horizontal"/>

        </LinearLayout>

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/floatingButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:clickable="true"
            android:src="@drawable/ic_done"
            app:layout_anchor="@id/viewOne"
            app:layout_anchorGravity="bottom|right|end"
            app:backgroundTint="#FF0000"
            app:rippleColor="#FFF" />

    </android.support.design.widget.CoordinatorLayout>

Http://www.ahotbrew.com/android-floating-action-button/ এ ডাউনলোড করতে অ্যান্ড্রয়েড স্টুডিও প্রকল্পের সাথে পুরো উদাহরণটি পেতে পারেন

Answer 10

এখানে কোড কাজ করছে।

আমি আমার ভাসমানঅ্যাকশনবটনটি অ্যাঙ্কর করতে অ্যাপবারলআউট ব্যবহার করি।আশা করি এটি সহায়ক হতে পারে।

এক্সএমএল কোড

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_height="192dp"
        android:layout_width="match_parent">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:toolbarId="@+id/toolbar"
            app:titleEnabled="true"
            app:layout_scrollFlags="scroll|enterAlways|exitUntilCollapsed"
            android:id="@+id/collapsingbar"
            app:contentScrim="?attr/colorPrimary">

            <android.support.v7.widget.Toolbar
                app:layout_collapseMode="pin"
                android:id="@+id/toolbarItemDetailsView"
                android:layout_height="?attr/actionBarSize"
                android:layout_width="match_parent"></android.support.v7.widget.Toolbar>
        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="android.support.design.widget.AppBarLayout$ScrollingViewBehavior">

        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            tools:context="com.example.rktech.myshoplist.Item_details_views">
            <RelativeLayout
                android:orientation="vertical"
                android:focusableInTouchMode="true"
                android:layout_width="match_parent"
                android:layout_height="match_parent">


                <!--Put Image here -->
                <ImageView
                    android:visibility="gone"
                    android:layout_marginTop="56dp"
                    android:layout_width="match_parent"
                    android:layout_height="230dp"
                    android:scaleType="centerCrop"
                    android:src="@drawable/third" />


                <ScrollView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">

                    <RelativeLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_gravity="center"
                        android:orientation="vertical">

                        <android.support.v7.widget.CardView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            app:cardCornerRadius="4dp"
                            app:cardElevation="4dp"
                            app:cardMaxElevation="6dp"
                            app:cardUseCompatPadding="true">

                            <RelativeLayout
                                android:layout_width="match_parent"
                                android:layout_height="match_parent"
                                android:layout_margin="8dp"
                                android:padding="3dp">


                                <LinearLayout
                                    android:layout_width="match_parent"
                                    android:layout_height="match_parent"
                                    android:orientation="vertical">


                                    <TextView
                                        android:id="@+id/txtDetailItemTitle"
                                        style="@style/TextAppearance.AppCompat.Title"
                                        android:layout_width="match_parent"
                                        android:layout_height="wrap_content"
                                        android:layout_marginLeft="4dp"
                                        android:text="Title" />

                                    <LinearLayout
                                        android:layout_width="match_parent"
                                        android:layout_height="match_parent"
                                        android:layout_marginTop="8dp"
                                        android:orientation="horizontal">

                                        <TextView
                                            android:id="@+id/txtDetailItemSeller"
                                            style="@style/TextAppearance.AppCompat.Subhead"
                                            android:layout_width="wrap_content"
                                            android:layout_height="wrap_content"
                                            android:layout_marginLeft="4dp"
                                            android:layout_weight="1"
                                            android:text="Shope Name" />

                                        <TextView
                                            android:id="@+id/txtDetailItemDate"
                                            style="@style/TextAppearance.AppCompat.Subhead"
                                            android:layout_width="wrap_content"
                                            android:layout_height="wrap_content"
                                            android:layout_marginRight="4dp"
                                            android:gravity="right"
                                            android:text="Date" />


                                    </LinearLayout>

                                    <TextView
                                        android:id="@+id/txtDetailItemDescription"
                                        style="@style/TextAppearance.AppCompat.Medium"
                                        android:layout_width="match_parent"
                                        android:minLines="5"
                                        android:layout_height="wrap_content"
                                        android:layout_marginLeft="4dp"
                                        android:layout_marginTop="16dp"
                                        android:text="description" />

                                    <LinearLayout
                                        android:layout_width="match_parent"
                                        android:layout_height="wrap_content"
                                        android:layout_marginBottom="8dp"
                                        android:orientation="horizontal">

                                        <TextView
                                            android:id="@+id/txtDetailItemQty"
                                            style="@style/TextAppearance.AppCompat.Medium"
                                            android:layout_width="wrap_content"
                                            android:layout_height="wrap_content"
                                            android:layout_marginLeft="4dp"
                                            android:layout_weight="1"
                                            android:text="Qunatity" />

                                        <TextView
                                            android:id="@+id/txtDetailItemMessure"
                                            style="@style/TextAppearance.AppCompat.Medium"
                                            android:layout_width="wrap_content"
                                            android:layout_height="wrap_content"
                                            android:layout_marginRight="4dp"
                                            android:layout_weight="1"
                                            android:gravity="right"
                                            android:text="Messure in Gram" />
                                    </LinearLayout>


                                    <TextView
                                        android:id="@+id/txtDetailItemPrice"
                                        style="@style/TextAppearance.AppCompat.Headline"
                                        android:layout_width="match_parent"
                                        android:layout_height="wrap_content"
                                        android:layout_marginRight="4dp"
                                        android:layout_weight="1"
                                        android:gravity="right"
                                        android:text="Price" />
                                </LinearLayout>

                            </RelativeLayout>
                        </android.support.v7.widget.CardView>
                    </RelativeLayout>
                </ScrollView>
            </RelativeLayout>

        </android.support.constraint.ConstraintLayout>

    </android.support.v4.widget.NestedScrollView>

    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        app:layout_anchor="@id/appbar"
        app:fabSize="normal"
        app:layout_anchorGravity="bottom|right|end"
        android:layout_marginEnd="@dimen/_6sdp"
        android:src="@drawable/ic_done_black_24dp"
        android:layout_height="wrap_content" />

</android.support.design.widget.CoordinatorLayout>

এখন আপনি যদি উপরে কোড পেস্ট করুন। আপনি আপনার ডিভাইসে নিম্নলিখিত ফলাফল দেখতে পাবেন।