خانه » آموزش برنامه نویسی اندروید » برنامه نویسی اندروید (پیشرفته) » آموزش متریال دیزاین Material Design (قسمت دوم CardView)

آموزش متریال دیزاین Material Design (قسمت دوم CardView)

برای شروع ابتدا dependency لایبرری CardView را اضافه کنید و سپس گزینه Sync Now که در بالای صفحه ظاهر می شود را کلیک کنید 

 compile "com.android.support:cardview-v7:21.0.0"

 

buildscript {
    repositories {
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:0.12.2'
    }
}
apply plugin: 'com.android.application'

repositories {
    jcenter()
}

android {
    compileSdkVersion 21
    buildToolsVersion "21.0.2"

    defaultConfig {
        applicationId "ir.iact.material.app"
        minSdkVersion 9
        targetSdkVersion 21
        versionCode 1
        versionName "1.0"
    }

    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_7
        targetCompatibility JavaVersion.VERSION_1_7
    }
    buildTypes {
        release {
            runProguard false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

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

 

سپس کد های زیر را در فایل main_activity.xml کپی کنید :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/feed_detail"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">

    <android.support.v7.widget.CardView
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:layout_margin="5dp">
        <ImageView
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:src="@drawable/ic_launcher"
                android:layout_gravity="center"
                />
    </android.support.v7.widget.CardView>

    <android.support.v7.widget.CardView
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:layout_margin="5dp">

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

            <TextView
                    style="@style/TextAppearance.AppCompat.Title"
                    android:textColor="#333"
                    android:layout_margin="3dp"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="Title"/>

            <TextView
                    style="@style/TextAppearance.AppCompat.Caption"
                    android:textColor="#555"
                    android:layout_margin="3dp"
                    android:gravity="end"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="Detail"/>
        </LinearLayout>

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



</LinearLayout>

تموم شد حالا اون رو بیلد کنید و نتیجه رو ببینید .

نکته : 

سایه های درست شده توسط CardView در اندروید ۵ طبق الگوریتم خاصی درست می شوند که بهتر به نظر می رسند اما در اندروید ۴ این سایه ها با الگوریتم ساخت سایه ایجاد می شوند که پرفرمنس چندان خوبی ندارد.

CardView یک زیر کلاس از FrameLayout می باشد که خصوصیات FrameLayout را داراست.

 

خروجی بر روی اندروید ۵ :

خروجی بر روی اندروید ۴ :

برچسب ها:
پست قبلی
پست بعدی

درباره ایلیا عابدینی

برنامه نویس اندروید و کارشناس مهندسی پزشکی، نفر سوم مسابقه برنامه نویسی اندروید http://www.schallenge.ir ، از سال 92 برنامه نویسی اندروید رو شروع کردم و در حال حاضر در شرکت عصر دانش در حال توسعه اپلیکیشن تجارت پی می باشدم ، این وبلاگ رو ساختم تا تجربیات روزانه و مفید خودم رو داخل اون بزارم. رزومه : iact.ir/cv

8 دیدگاه

  1. سلام

    خوش بحالت داداش ما نه پولشو داریم نه امکاناتشو

    برو خداتو شکر کن که این نعمت ها رو بهت داده

  2. سلام

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

    من مهندسی نرم افزار دارم. حدود ۶ ماهه که برنامه نویسی اندرویدو شروع کردم. به نظر شما به عنوان شغل اصلی و تنها منبع درآمد میشه روی این کار حساب کرد

     

    • بله ، خیلی زیاد مخصوصا که به تازگی این حوضه داره توی ایران جا باز میکنه و صنعت موبایل کشور بسیار به توسعه دهندگان حرفه ای توی این زمینه نیازمند هست.

      اگه تمرکز اصلیتون رو روی این حوضه بزارید و با استفاده از منابع خارجی و بروز خودتون رو بروز کنید ، در کمتر از ۱ سال میتونید کار مناسب با حقوق مناسب پیدا کنید. 🙂 

  3. سلام . خسته نباشید 

    میشه یکم بیشتر توضیح بدید ؟

    میدهد android.support.v7.widget.CardView. چون وقتی من کد های بالا را کپی می کنم خطای پیدا نکردن 

    چکار کنم ؟؟؟

  4. سلام مهندس

    سوال: من برای اپلیکیشن میخوام از متریال برای api های پایین استفاده کنم شما لایبرری شو داری؟ خیلی گشتم

  5. سلام و خسته نباشین

    یه مشکلی توی استفاده کردن همزمان cardview و recyclerview داشتم

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

    به نظرتون اشکال از چیه؟؟؟

  6. سلام خدا قوت مهندس . ممنونم

دیدگاهتان را ثبت کنید

آدرس ایمیل شما منتشر نمی شود.علامت دارها لازمند. *

*

رفتن به بالا