অ্যান্ড্রয়েডে নেভিগেশন ড্রয়ারের জন্য কীভাবে একটি বিভাগ বিভাজক যুক্ত করবেন?


91

আমার কাছে এই চিত্রের মতো নেভিগেশন ড্রয়ার রয়েছে। আমি একটি বিভাগ বিভাজক যুক্ত করতে চাই (নেপচুনকে পৃথককারী রেখার মতো)। এটি সহজ বলে মনে হচ্ছে তবে ওয়েবে এমন কোনও কিছুই খুঁজে পাচ্ছি না যা আমার ক্ষেত্রে কার্যকর ছিল।

এখানে আমার প্রধান কার্যকলাপ:

public class MainActivity extends Activity {
    private DrawerLayout mDrawerLayout;
    private ListView mDrawerList;
    private ActionBarDrawerToggle mDrawerToggle;

    private CharSequence mDrawerTitle;
    private CharSequence mTitle;
    private String[] mPlanetTitles;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mTitle = mDrawerTitle = getTitle();
        mPlanetTitles = getResources().getStringArray(R.array.planets_array);
        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        mDrawerList = (ListView) findViewById(R.id.left_drawer);

        // set a custom shadow that overlays the main content when the drawer opens
        mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow, GravityCompat.START);
        // set up the drawer's list view with items and click listener
        mDrawerList.setAdapter(new ArrayAdapter<String>(this,
                R.layout.drawer_list_item, mPlanetTitles));
        mDrawerList.setOnItemClickListener(new DrawerItemClickListener());

        // enable ActionBar app icon to behave as action to toggle nav drawer
        getActionBar().setDisplayHomeAsUpEnabled(true);
        getActionBar().setHomeButtonEnabled(true);

        // ActionBarDrawerToggle ties together the the proper interactions
        // between the sliding drawer and the action bar app icon
        mDrawerToggle = new ActionBarDrawerToggle(
                this,                  /* host Activity */
                mDrawerLayout,         /* DrawerLayout object */
                R.drawable.ic_drawer,  /* nav drawer image to replace 'Up' caret */
                R.string.drawer_open,  /* "open drawer" description for accessibility */
                R.string.drawer_close  /* "close drawer" description for accessibility */
                ) {
            public void onDrawerClosed(View view) {
                getActionBar().setTitle(mTitle);
                invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
            }

            public void onDrawerOpened(View drawerView) {
                getActionBar().setTitle(mDrawerTitle);
                invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
            }
        };
        mDrawerLayout.setDrawerListener(mDrawerToggle);

        if (savedInstanceState == null) {
            selectItem(0);
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.main, menu);
        return super.onCreateOptionsMenu(menu);
    }

    /* Called whenever we call invalidateOptionsMenu() */
    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {
        // If the nav drawer is open, hide action items related to the content view
        boolean drawerOpen = mDrawerLayout.isDrawerOpen(mDrawerList);
        menu.findItem(R.id.action_websearch).setVisible(!drawerOpen);
        return super.onPrepareOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
         // The action bar home/up action should open or close the drawer.
         // ActionBarDrawerToggle will take care of this.
        if (mDrawerToggle.onOptionsItemSelected(item)) {
            return true;
        }
        // Handle action buttons
        switch(item.getItemId()) {
        case R.id.action_websearch:
            // create intent to perform web search for this planet
            Intent intent = new Intent(Intent.ACTION_WEB_SEARCH);
            intent.putExtra(SearchManager.QUERY, getActionBar().getTitle());
            // catch event that there's no activity to handle intent
            if (intent.resolveActivity(getPackageManager()) != null) {
                startActivity(intent);
            } else {
                Toast.makeText(this, R.string.app_not_available, Toast.LENGTH_LONG).show();
            }
            return true;
        default:
            return super.onOptionsItemSelected(item);
        }
    }

    /* The click listner for ListView in the navigation drawer */
    private class DrawerItemClickListener implements ListView.OnItemClickListener {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            selectItem(position);
        }
    }

    private void selectItem(int position) {
        // update the main content by replacing fragments
        Fragment fragment = new PlanetFragment();
        Bundle args = new Bundle();
        args.putInt(PlanetFragment.ARG_PLANET_NUMBER, position);
        fragment.setArguments(args);

        FragmentManager fragmentManager = getFragmentManager();
        fragmentManager.beginTransaction().replace(R.id.content_frame, fragment).commit();

        // update selected item and title, then close the drawer
        mDrawerList.setItemChecked(position, true);
        setTitle(mPlanetTitles[position]);
        mDrawerLayout.closeDrawer(mDrawerList);
    }

    @Override
    public void setTitle(CharSequence title) {
        mTitle = title;
        getActionBar().setTitle(mTitle);
    }

    /**
     * When using the ActionBarDrawerToggle, you must call it during
     * onPostCreate() and onConfigurationChanged()...
     */

    @Override
    protected void onPostCreate(Bundle savedInstanceState) {
        super.onPostCreate(savedInstanceState);
        // Sync the toggle state after onRestoreInstanceState has occurred.
        mDrawerToggle.syncState();
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        // Pass any configuration change to the drawer toggls
        mDrawerToggle.onConfigurationChanged(newConfig);
    }

    /**
     * Fragment that appears in the "content_frame", shows a planet
     */
    public static class PlanetFragment extends Fragment {
        public static final String ARG_PLANET_NUMBER = "planet_number";

        public PlanetFragment() {
            // Empty constructor required for fragment subclasses
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_planet, container, false);
            int i = getArguments().getInt(ARG_PLANET_NUMBER);
            String planet = getResources().getStringArray(R.array.planets_array)[i];

            int imageId = getResources().getIdentifier(planet.toLowerCase(Locale.getDefault()),
                            "drawable", getActivity().getPackageName());
            ((ImageView) rootView.findViewById(R.id.image)).setImageResource(imageId);
            getActivity().setTitle(planet);
            return rootView;
        }
    }
}

কার্যকলাপ_মাইন.এক্সএমএল:

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <ListView
        android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp"
        android:background="#111"/>
</android.support.v4.widget.DrawerLayout>

ড্রয়ার_লিস্ট_টাইম.এক্সএমএল:

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceListItemSmall"
    android:gravity="center_vertical"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:textColor="#fff"
    android:background="?android:attr/activatedBackgroundIndicator"
    android:minHeight="?android:attr/listPreferredItemHeightSmall"/>

আমি এটি সহজ হতে চাই তবে ওয়েবে আমি কোনও ভাল কিছুই পাই না। এমন কোনও উপায় আছে যে আমি নেপচুনকে বিচ্ছিন্ন করতে এবং এর জন্য একটি বিভাগ তৈরি করতে পারি? যে কেউ কোন পরামর্শ আছে? ধন্যবাদ

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


আপনি স্ট্যান্ডার্ড অ্যাডাপ্টারের সাহায্যে এটি করতে সক্ষম হবেন না। আপনি একটি কাস্টম অ্যাডাপ্টারের SEPERATOR তৈরি এবং লুকিয়ে রাখবেন তা getView উপর কিছু সহজ লগইন বা দেখানোর জন্য প্রয়োজন হবে
Tomer শেমশ

@ টমোরশিমেশ আমি কীভাবে এটি করতে পারি তার উদাহরণ আছে?
রেডসন

গিথুবতে গ্রন্থাগার রয়েছে যা আপনাকে এটি অর্জনে সহায়তা করবে। মাইকেপেনজ দ্বারা তৈরি মেটেরিয়াল ড্রয়ার একটি ভাল এবং এটি ভালভাবে বজায় রাখা হয়। github.com/mikepenz/MaterialDrawer । আপনি গিথুবে গুগল আইও শিডিউল অ্যাপ্লিকেশন অনুসরণ করতে পারেন। বিভাজকটি কেবল উচ্চতা 1px এবং প্রস্থের ম্যাচ_পিতা সহ একটি দৃশ্য
রঘুনন্দন

@ রঘুনন্দন আমি জানি যে বিভাজক একজন Viewতবে আমাকে একরকম নেপচুনের জন্য ফোন করার উপায় খুঁজে পাওয়া দরকার
রেডসন

@ আলিয়ারা গুগল আইও শিডিউল অ্যাপ্লিকেশনটি অনুসরণ করে বা আমি যে লিঙ্কটি সবে পোস্ট করেছি তা ব্যবহার করে। দু'জনেরই কাজ করা উচিত
রঘুনন্দন

উত্তর:


328

নিশ্চিত হয়ে নিন যে আপনি প্রতিটি গ্রুপকে একটি অনন্য আইডি দিয়ে সংজ্ঞায়িত করেছেন , আইডি ছাড়া বিভাজক উপস্থিত হবে না।

উদাহরণস্বরূপ, এটি আমার drawer_menu.xml:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group
        android:id="@+id/menu_top"
        android:checkableBehavior="single">
        <item
            android:checked="true"
            android:id="@+id/drawer_item_timeline"
            android:icon="@drawable/ic_timer_grey600_24dp"
            android:title="@string/drawer_timeline"/>
        <item
            android:id="@+id/drawer_item_reports"
            android:icon="@drawable/ic_timetable_grey600_24dp"
            android:title="@string/drawer_reports"/>
    </group>

    <group
        android:id="@+id/menu_bottom"
        android:checkableBehavior="none">

        <item
            android:id="@+id/drawer_item_settings"
            android:icon="@drawable/ic_settings_black_24dp"
            android:title="@string/drawer_settings" >
        </item>
    </group>
</menu>

নমুনা ড্রয়ার

গ্যাব্রিয়েল নীচে মন্তব্যে যুক্ত করেছেন যে গ্রুপটির আইডি না থাকলে বিভাজক উপস্থিত হবে না।


142
বলা বাহুল্য গ্রুপটির আইডি না থাকলে বিভাজক উপস্থিত হবে না!
গ্যাব্রিয়েল

4
এখনও অবধি সত্যিই ভালো লাগছে তবে কীভাবে ঠিক করব android:checkableBehavior? আমি যদি গ্রুপ 2 এ শেষ আইটেমটি নির্বাচন করি এবং তার পরে গ্রুপ 1 এর একটি আইটেম ক্লিক করি, তবে উভয় আইটেম হাইলাইট করা হবে। @ এসপঞ্চি আপনি কি নিজের উত্তরের জন্য একটি সমাধান যোগ করতে পারেন?
টম্বলারম

4
নেভিগেশনড্রেয়ারে এই মেনুটি কীভাবে প্রয়োগ করবেন?
ইয়ার

@ গ্যাব্রিয়েলগমেজ এটি খুব কুৎসিত। আইডি কেন পৃথককারী দেখানোর জন্য প্রয়োজনীয়, এটি এত খারাপ ...
ব্যবহারকারী 25

খুশি আমি এটি পেয়েছি, হ্যাক কাজ আমার আগে ছিল না ব্যবহার করতে হবে।
lasec0203

8

একটি বিভাজক রেখার দ্বারা মেনু আইটেমগুলি পৃথক করতে, কেবলমাত্র নিম্নলিখিত উদাহরণগুলির মতো অনন্য আইডি সহ কেবলমাত্র গোষ্ঠীগুলিকে গ্রুপ করুন :

ক্রিয়াকলাপ_মিনি_ড্রেওয়ার.এক্সএমএল:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:showIn="navigation_view">

    <item
        android:id="@+id/nav_apps_and_games"
        android:icon="@drawable/ic_apps_black_24dp"
        android:title="@string/my_apps_and_games" />

    <item
        android:id="@+id/nav_bookmarked_apps"
        android:icon="@drawable/ic_add_bookmark_black_24dp"
        android:title="@string/bookmarked_apps" />

    <item
        android:id="@+id/nav_manage_downloads"
        android:icon="@drawable/ic_downloading_file_black_24dp"
        android:title="@string/manage_downloads" />

    <!-- SET A UNIQUE ID TO THE BELOW GROUP -->
    <group android:id="@+id/group1">

        <item
            android:id="@+id/nav_settings"
            android:icon="@drawable/ic_settings_black_24dp"
            android:title="@string/settings" />

        <item
            android:id="@+id/nav_sign_up"
            android:icon="@drawable/ic_card_membership_black_24dp"
            android:title="@string/sign_up_login" />

    </group>

</menu>

ভিজ্যুয়াল ফলাফল:

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


2

আমার হ্যাকি পদ্ধতিটি মোস্ট্রাপটস্কির মতো।

আমার কাস্টম অ্যাডাপ্টারের জন্য আমার লেআউটে, আমি প্রতিটি আইটেমের শুরুতে একটি অনুভূমিক বিভাজক যুক্ত করছি এবং এটির দৃশ্যমানতা নির্ধারণ করছি।

নতুন গোষ্ঠীর সূচনা চিহ্নিতকারী উপাদানগুলির জন্য, আমি তাদের দৃশ্যমানতার দৃশ্যমানকে সেট করে রেখেছি যাতে বিভাজক এটির উপরে দেখায়।


1

আপনার দুটি পছন্দ আছে

  1. আপনার আইটেমগুলি পৃথক করা যেতে পারে (শীর্ষে একটি তালিকা এবং নীচে ক্লাসিক ভিউ)। তারপরে আপনার প্রধান লেআউটে তালিকার ভিউয়ের পরিবর্তে (অ্যান্ড্রয়েড: আইডি = "@ + আইডি / বাম_ড্রেয়ার") আপনার কাছে 3 টি আইটেম (তালিকা, বিভাজক এবং নীচের দৃশ্যগুলি) সহ একটি জটিল লিনিয়ারলআউট থাকতে পারে list
  2. আপনার আইটেমগুলি অবশ্যই আপনার উদাহরণের মতো হওয়া উচিত, তারপরে আপনাকে তালিকার পৃথককারী প্রয়োজন, তালিকার আইটেমের উপরে যেখানে আপনার পৃথককারী প্রয়োজন সেখানে আপনার অ্যাডাপ্টারে কিছু যুক্তি ব্যবহার করতে পারেন। (অর্থাত্ আপনার তালিকার আইটেমটি কোনও একক পাঠ্যদর্শন হবে না, তবে চলে গেছে বিভাজক সহ একটি লিনিয়ারলআউট (এবং কখনও কখনও আপনার অ্যাডাপ্টারের যুক্তি অনুসারে দৃশ্যমান হয়))।

কিছু নমুনা কোডটি আপনাকে সহায়তা করতে আপনি কি আপনার মেনুতে প্রয়োজনীয় সমস্ত আইটেম পোস্ট করতে পারেন? আমাদের স্ট্যাটিক কী হবে এবং কী স্ক্রোলযোগ্য হবে তা ঠিক আমাদের জানতে হবে।

সম্পাদনা : আপনি যদি উদাহরণটি দিয়ে কাজ করতে চান তবে লাইনটি থেকে মুক্তি পান

mDrawerList.setAdapter(new ArrayAdapter<String>(this, ...)

আপনার এইরকম একটি হোম মেড অ্যাডাপ্টার সরবরাহ করতে হবে: https://github.com/codepath/android_guides/wiki/Using-an-ArrayAdapter-with-ListView

আমি যেমন 2 তে বলেছি, আপনার অ্যাডাপ্টারে আপনার যুক্তি থাকবে এবং এভাবে আপনি getView () পদ্ধতিতে বলতে পারেন

if(myPlanet.isNeptune()) 
    holder.mSepatator.setVisibility(View.VISIBLE);
else 
    holder.mSepatator.setVisibility(View.GONE);

এটি আমি ব্যবহার করছি কোডের প্রধান অংশ। বাকিগুলি স্ট্রিং.এক্সএমএল এর মতো সমস্ত এক্সএমএল ফাইল ...
রেডসন

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