انجمن سایت کلیدستان


رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
مشکل در اضافه کردن imageview در navigation drawer

مشکل در اضافه کردن imageview در navigation drawer

#1
من میخوام چیزی شبیه این طراحی بشه که بعدا وقنی یوزر لاگین کرد ، مشخصات یوزر در اون نمایش داده بشه.البته اول برای اضافه کردن ، یک سری مشکلاتی هست مثل اضافه کردن imageView :

شبیه این یا تصویر بزرگنر : 
http://i.stack.imgur.com/76df5.png

Main activity :
کد پی‌اچ‌پی:
public class Main extends ActionBarActivity
        
implements NavigationDrawerFragment.NavigationDrawerCallbacks {

    
/**
     * Fragment managing the behaviors, interactions and presentation of the navigation drawer.
     */
    
private NavigationDrawerFragment mNavigationDrawerFragment;

    
/**
     * Used to store the last screen title. For use in {@link #restoreActionBar()}.
     */
    
private CharSequence mTitle;

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

        
mNavigationDrawerFragment = (NavigationDrawerFragment)
                
getSupportFragmentManager().findFragmentById(R.id.navigation_drawer);
        
mTitle getTitle();

        
// Set up the drawer.
        
mNavigationDrawerFragment.setUp(
                
R.id.navigation_drawer,
                (
DrawerLayoutfindViewById(R.id.drawer_layout));
    }

    @
Override
    
public void onNavigationDrawerItemSelected(int position) {
        
// update the main content by replacing fragments
        
FragmentManager fragmentManager getSupportFragmentManager();
        
fragmentManager.beginTransaction()
                .
replace(R.id.containerPlaceholderFragment.newInstance(position 1))
                .
commit();
    }

    public 
void onSectionAttached(int number) {
        switch (
number) {
            case 
1:
                
mTitle getString(R.string.title_section1);
                break;
            case 
2:
                
mTitle getString(R.string.title_section2);
                break;
            case 
3:
                
mTitle getString(R.string.title_section3);
                break;
            case 
4:
                
mTitle getString(R.string.title_section4);
                break;
        }
    }

    public 
void restoreActionBar() {
        
ActionBar actionBar getSupportActionBar();
        
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD);
        
actionBar.setDisplayShowTitleEnabled(true);
        
actionBar.setTitle(mTitle);
    }


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


    @
Override
    
public boolean onOptionsItemSelected(MenuItem item) {

        
int id item.getItemId();
        return 
super.onOptionsItemSelected(item);
    }


    public static class 
PlaceholderFragment extends Fragment {
        
/**
         * The fragment argument representing the section number for this
         * fragment.
         */
        
private static final String ARG_SECTION_NUMBER "section_number";

        
/**
         * Returns a new instance of this fragment for the given section
         * number.
         */
        
public static PlaceholderFragment newInstance(int sectionNumber) {
            
PlaceholderFragment fragment = new PlaceholderFragment();
            
Bundle args = new Bundle();
            
args.putInt(ARG_SECTION_NUMBERsectionNumber);
            
fragment.setArguments(args);
            return 
fragment;
        }

        public 
PlaceholderFragment() {
        }

        @
Override
        
public View onCreateView(LayoutInflater inflaterViewGroup container,
                                 
Bundle savedInstanceState) {
            
View rootView inflater.inflate(R.layout.fragment_maincontainerfalse);
            return 
rootView;
        }

        @
Override
        
public void onAttach(Activity activity) {
            
super.onAttach(activity);
            ((
Mainactivity).onSectionAttached(
                    
getArguments().getInt(ARG_SECTION_NUMBER));
        }
    }


NavigationDrawerFragment :
کد پی‌اچ‌پی:
public class NavigationDrawerFragment extends Fragment {

    
/**
     * Remember the position of the selected item.
     */
    
private static final String STATE_SELECTED_POSITION "selected_navigation_drawer_position";

    
/**
     * Per the design guidelines, you should show the drawer on launch until the user manually
     * expands it. This shared preference tracks this.
     */
    
private static final String PREF_USER_LEARNED_DRAWER "navigation_drawer_learned";

    
/**
     * A pointer to the current callbacks instance (the Activity).
     */
    
private NavigationDrawerCallbacks mCallbacks;

    
/**
     * Helper component that ties the action bar to the navigation drawer.
     */
    
private ActionBarDrawerToggle mDrawerToggle;

    private 
DrawerLayout mDrawerLayout;
    private 
ListView mDrawerListView;
    private 
View mFragmentContainerView;

    private 
int mCurrentSelectedPosition 0;
    private 
boolean mFromSavedInstanceState;
    private 
boolean mUserLearnedDrawer;

    public 
NavigationDrawerFragment() {
    }

    @
Override
    
public void onCreate(Bundle savedInstanceState) {
        
super.onCreate(savedInstanceState);

        
// Read in the flag indicating whether or not the user has demonstrated awareness of the
        // drawer. See PREF_USER_LEARNED_DRAWER for details.
        
SharedPreferences sp PreferenceManager.getDefaultSharedPreferences(getActivity());
        
mUserLearnedDrawer sp.getBoolean(PREF_USER_LEARNED_DRAWERfalse);

        if (
savedInstanceState != null) {
            
mCurrentSelectedPosition savedInstanceState.getInt(STATE_SELECTED_POSITION);
            
mFromSavedInstanceState true;
        }

        
// Select either the default item (0) or the last selected item.
        
selectItem(mCurrentSelectedPosition);
    }

    @
Override
    
public void onActivityCreated(Bundle savedInstanceState) {
        
super.onActivityCreated(savedInstanceState);
        
// Indicate that this fragment would like to influence the set of actions in the action bar.
        
setHasOptionsMenu(true);
    }

    @
Override
    
public View onCreateView(LayoutInflater inflaterViewGroup container,
                             
Bundle savedInstanceState) {
        
mDrawerListView = (ListViewinflater.inflate(
                
R.layout.fragment_navigation_drawercontainerfalse);
        
mDrawerListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @
Override
            
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                selectItem(position);
            }
        });
        mDrawerListView.setAdapter(new ArrayAdapter<String>;(
                getActionBar().getThemedContext(),
                android.R.layout.simple_list_item_activated_1,
                android.R.id.text1,
                new String{
                        getString(R.string.title_section1),
                        getString(R.string.title_section2),
                        getString(R.string.title_section3),
                        getString(R.string.title_section4),
                }));
        mDrawerListView.setItemChecked(mCurrentSelectedPosition, true);
        return mDrawerListView;
    }

    public boolean isDrawerOpen() {
        return mDrawerLayout != null && mDrawerLayout.isDrawerOpen(mFragmentContainerView);
    }

    /**
     * Users of this fragment must call this method to set up the navigation drawer interactions.
     *
     * @param fragmentId   The android:id of this fragment in its activity's layout.
     * @param drawerLayout The DrawerLayout containing this fragment's UI.
     */
    public void setUp(int fragmentId, DrawerLayout drawerLayout) {
        mFragmentContainerView = getActivity().findViewById(fragmentId);
        mDrawerLayout = drawerLayout;

        // 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

        ActionBar actionBar = getActionBar();
        actionBar.setDisplayHomeAsUpEnabled(true);
        actionBar.setHomeButtonEnabled(true);

        // ActionBarDrawerToggle ties together the the proper interactions
        // between the navigation drawer and the action bar app icon.
        mDrawerToggle = new ActionBarDrawerToggle(
                getActivity(),                    /* host Activity */
                mDrawerLayout,                    /* DrawerLayout object */
                R.drawable.ic_drawer,             /* nav drawer image to replace 'Up' caret */
                R.string.navigation_drawer_open,  /* "open drawer" description for accessibility */
                R.string.navigation_drawer_close  /* "close drawer" description for accessibility */
        ) {
            @Override
            public void onDrawerClosed(View drawerView) {
                super.onDrawerClosed(drawerView);
                if (!isAdded()) {
                    return;
                }

                getActivity().supportInvalidateOptionsMenu(); // calls onPrepareOptionsMenu()
            }

            @Override
            public void onDrawerOpened(View drawerView) {
                super.onDrawerOpened(drawerView);
                if (!isAdded()) {
                    return;
                }

                if (!mUserLearnedDrawer) {
                    // The user manually opened the drawer; store this flag to prevent auto-showing
                    // the navigation drawer automatically in the future.
                    mUserLearnedDrawer = true;
                    SharedPreferences sp = PreferenceManager
                            .getDefaultSharedPreferences(getActivity());
                    sp.edit().putBoolean(PREF_USER_LEARNED_DRAWER, true).apply();
                }

                getActivity().supportInvalidateOptionsMenu(); // calls onPrepareOptionsMenu()
            }
        };

        // If the user hasn't 'learned' about the drawer, open it to introduce them to the drawer,
        // per the navigation drawer design guidelines.
        if (!mUserLearnedDrawer && !mFromSavedInstanceState) {
            mDrawerLayout.openDrawer(mFragmentContainerView);
        }

        // Defer code dependent on restoration of previous instance state.
        mDrawerLayout.post(new Runnable() {
            @Override
            public void run() {
                mDrawerToggle.syncState();
            }
        });

        mDrawerLayout.setDrawerListener(mDrawerToggle);
    }

    private void selectItem(int position) {
        mCurrentSelectedPosition = position;
        if (mDrawerListView != null) {
            mDrawerListView.setItemChecked(position, true);
        }
        if (mDrawerLayout != null) {
            mDrawerLayout.closeDrawer(mFragmentContainerView);
        }
        if (mCallbacks != null) {
            mCallbacks.onNavigationDrawerItemSelected(position);
        }
    }

    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        try {
            mCallbacks = (NavigationDrawerCallbacks) activity;
        } catch (ClassCastException e) {
            throw new ClassCastException("Activity must implement NavigationDrawerCallbacks.");
        }
    }

    @Override
    public void onDetach() {
        super.onDetach();
        mCallbacks = null;
    }

    @Override
    public void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        outState.putInt(STATE_SELECTED_POSITION, mCurrentSelectedPosition);
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        // Forward the new configuration the drawer toggle component.
        mDrawerToggle.onConfigurationChanged(newConfig);
    }

    @Override
    public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
        // If the drawer is open, show the global app actions in the action bar. See also
        // showGlobalContextActionBar, which controls the top-left area of the action bar.
        if (mDrawerLayout != null && isDrawerOpen()) {
            inflater.inflate(R.menu.global, menu);
            showGlobalContextActionBar();
        }
        super.onCreateOptionsMenu(menu, inflater);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if (mDrawerToggle.onOptionsItemSelected(item)) {
            return true;
        }



        return super.onOptionsItemSelected(item);
    }

    /**
     * Per the navigation drawer design guidelines, updates the action bar to show the global app
     * 'context', rather than just what's in the current screen.
     */
    private void showGlobalContextActionBar() {
        ActionBar actionBar = getActionBar();
        actionBar.setDisplayShowTitleEnabled(true);
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD);
        actionBar.setTitle(R.string.app_name);
    }

    private ActionBar getActionBar() {
        return ((ActionBarActivity) getActivity()).getSupportActionBar();
    }

    /**
     * Callbacks interface that all activities using this fragment must implement.
     */
    public static interface NavigationDrawerCallbacks {
        /**
         * Called when an item in the navigation drawer is selected.
         */
        void onNavigationDrawerItemSelected(int position);
    }

activity_main.xml :
کد پی‌اچ‌پی:
<!-- A DrawerLayout is intended to be used as the top-level content view using match_parent for both width and height to consume the full space available. -->
<
android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
xmlns:tools="http://schemas.android.com/tools" android:id="@+id/drawer_layout"
    
android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".Main">

    <!-- As 
the main content viewthe view below consumes the entire
         space available using match_parent in both dimensions
. -->
    <
FrameLayout android:id="@+id/container" android:layout_width="match_parent"
        
android:layout_height="match_parent" />

    <!-- 
android:layout_gravity="start" tells DrawerLayout to treat
         this 
as a sliding drawer on the left side for left-to-right
         languages 
and on the right side for right-to-left languages.
         If 
you're not building against API 17 or higher, use
         android:layout_gravity="left" instead. -->
    <!-- The drawer is given a fixed width in dp and extends the full height of
         the container. -->
    <fragment android:id="@+id/navigation_drawer"
        android:layout_width="@dimen/navigation_drawer_width" android:layout_height="match_parent"
        android:layout_gravity="start" android:name="com.client.WorkSpot.NavigationDrawerFragment"
        tools:layout="@layout/fragment_navigation_drawer" />

</android.support.v4.widget.DrawerLayout> 
NavigationDrawerFragment :
کد پی‌اچ‌پی:
<ListView xmlns:android="http://schemas.android.com/apk/res/android"
    
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    
android:layout_height="match_parent" android:choiceMode="singleChoice"
    
android:divider="@android:color/transparent" android:dividerHeight="0dp"
    
android:background="#cccc" tools:context=".NavigationDrawerFragment" /> 
fragment_main :
کد پی‌اچ‌پی:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    
android:paddingRight="@dimen/activity_horizontal_margin"
    
android:paddingTop="@dimen/activity_vertical_margin"
    
android:paddingBottom="@dimen/activity_vertical_margin"
    
tools:context=".Main$PlaceholderFragment">

    <
TextView android:id="@+id/section_label" android:layout_width="wrap_content"
        
android:layout_height="wrap_content" />

</
RelativeLayout









و از اونجایی که مشخص بود ، در NavigationDrawerFragment باید از یکی از حالت های LinearLayout or RelativeLayout استفاده کرد تا بشه در اون فایل ،
image view نیز اضافه کرد.

اما من هرکاری کردم نشد.
ضمنا این کد از اکتیویتی های ساخت پروژه android studio هست و به نظرم یکم زیادی شلوغه و نیاز به optimize شدن داره 
ممنون میشم راهنمایی کنید باید برای اضافه کردن تصویر چه کرد ؟

و همچنین در لیستی که نمایش داده میشه هنگام کشیدن دست ، رنگ متن ها سفیده و با این آموزش فرق میکرد نتونستم رنگ متن رو مشکی کنم که صفحه رو به هم نریزه :

http://www.kelidestan.com/keys/keys.php?key=843
برای اینم راه حلی باشه دیگه بسیار عالی.
ممنون
پاسخ
 سپاس شده توسط شماره مجازی امارات ، تلگرام ضد فیلتر 2023


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان