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


رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
اموزش ساخت Navigation Drawer

اموزش ساخت Navigation Drawer

#1
Information 
[attachment=1305][attachment=1305]به نام تو ای بهترین سر آغاز

سلام و خسته نباشید خدمت برنامه نویس های عزیزمون

شاید بعضیامون تو ساخت Navigation Drawer 

مشکل داشته باشیم و بخوایم اونو تو برنامه هامون استفاده کنیم و خیلی با این روش تونستن کار کرافیکی خوبی رو به تماشا بزارن

و پول خوبی به جیب بزنن


امروز می خواستم ساده ترین روش ممکن و بدون نیاز به کتابخانه های مختلف رو با اجازه آقای گلمکانی ادمین محترم

آموزش بدم خوب بریم سر کار............

اولین کاری که میکنیم یه پروژه جدید میسازیم(هرنامی که دوستاشتید)

بعد توی xml مون این کد هارو کپی می کنیم 
کد:
<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" >

   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical"
       android:paddingBottom="@dimen/activity_vertical_margin"
       android:paddingLeft="@dimen/activity_horizontal_margin"
       android:paddingRight="@dimen/activity_horizontal_margin"
       android:paddingTop="@dimen/activity_vertical_margin"
       android:background="@android:color/background_light"
       tools:context=".MainActivity" >
       
       <Button
           android:id="@+id/opendrawer"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:text="باز کردن لایه" />

   </LinearLayout>

   <RelativeLayout>
   </RelativeLayout>
///این لایه زیر برای لایه کناریمونه که میتونید تنظیمات رو اینجا اعمال کنید
   <LinearLayout
       android:id="@+id/drawer"
       android:layout_width="240dp"
       android:layout_height="match_parent"
       android:layout_gravity="start"
       android:background="@android:color/background_dark"
       android:orientation="vertical"
       android:padding="5dp" >

       <TextView
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:text="Drawer" />

       <ImageView
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:src="@drawable/ic_launcher" />


   </LinearLayout>

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



یه توضیخ راجب کد های بالا بدم 
صفت


کد:
 android:layout_gravity="start"

برای اینه که لایه ی صفحمون از کدوم ور باز شه START یعنی همون چب به راست 
 
اما میشه صفت LEFT رو هم بهش داد 


اما اگه می خواید از راست به چپ باشه
Right رو بنویسید 

 
حالا تو لایه JAVA کد های زیر رو بنویسید 

کد:
import android.app.Activity;
import android.os.Bundle;
import android.support.v4.widget.DrawerLayout;
import android.support.v4.widget.DrawerLayout.DrawerListener;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends Activity {
///اینجا  تعریفشون می کنیم در واقع همون PRIVATE
    private DrawerLayout drawerLayout;
    private View drawerView;

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

///در اینجا لایمون رو و باتنمونو و کارشون رو تایید می کنیم
        drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawerView = (View) findViewById(R.id.drawer);

        Button buttonOpenDrawer = (Button) findViewById(R.id.opendrawer);
        buttonOpenDrawer.setOnClickListener(new OnClickListener() {

            public void onClick(View arg0) {
                drawerLayout.openDrawer(drawerView);
            }
        });

    }
    
};

منتظر مر حله ی بعدی هستید !!!!!

باید بگم موفق شدید

به همین راحتی تمونم شد

چند تا نکته 

میتونید اون باتنمون رو در اکشن بار بزارید یا داخل اکشن بار بعد پس زمینشو عوض کنید یا با عناصر دیگه متد ONCLICK رو بهش بدید

میدونم شاید بعضی دوستان که تازه واردن نتونن انجام بدن به همین دلیل سورس رو هم قرار دادن 

خدا نگهدار شما و با امید پیشرفت کشورمون Iran Iran Iran


فایل‌های پیوست

دانلود navigation.zip

نام فایل navigation.zip
نوع فایل .zip
دفعات دانلود 170
اندازه 695.28 KB
ارسال کننده فایل hossein5513
آدم ها سه دسنه اند :
Explanation موفق - با تلاش - بدون امید Explanation
پاسخ
 سپاس شده توسط admin ، شماره مجازی امارات ، تلگرام ضد فیلتر 2023


پرش به انجمن:


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