ورود با اکانت گوگل
یا
آقای متریال

برای جستجو کلمه مورد نظر خود را وارد کنید

کارد ویو ( کارت ) | معرفی و آموزش استفاده ، Style | CardView

rouhollah.mz


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

به نام خدا کارد ویو

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

 

کارت یک برگه متریال است که به عنوان یک نقطه ورودی جهت مشاهده اطلاعات با جزئیات بیشتر ارائه میشود. یک کارت میتواند شامل عکس، متن و یک لینک درباره یک موضوع واحد باشد.

کارت ها بهترین وسیله برای نمایش محتوا با ترکیبی از عناصر مختلف میباشند. آن ها همچنین برای نمایش عناصری که اندازه یا عملیات های پشتیبانی شده آن ها متغیر است، بسیار مناسب میباشند مانند تصاویر با توضیحات در طول های مختلف.

cc

برای اضافه کردن در اولین مرحله باید کتابخانه ی CardView رو در build.gradle وارد کنیم :

dependencies {  
  compile 'com.android.support:cardview-v7:23.2.1'
}

در مرحله ی بعد CardView رو درون لیوت مورد نظرمون قرار میدیدم و درون کارد ویو ، ویوهای مورد نظرمون مثل تکست ویو رو قرار میدیم :

<android.support.v7.widget.CardView  
    android:layout_width="match_parent"
    android:layout_height="200dp">

    <TextView
        android:text="Hello World!"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

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

برای اینکه Style مورد نظر خودمون رو پیاده کنیم به این شیوه عمل کنیم :

باید Custom Style خودمون رو در style.xml وارد کنیم :

<style name="MyCardViewStyle" parent="Theme.AppCompat.Light">  
    <item name="cardCornerRadius">2dp</item>
    <item name="cardElevation">2dp</item>
    <item name="contentPaddingBottom">24dp</item>
    <item name="contentPaddingTop">24dp</item>
    <item name="contentPaddingLeft">16dp</item>
    <item name="contentPaddingRight">16dp</item>
    <item name="cardBackgroundColor">@color/colorPrimary</item>
</style>

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

و برای وارد کردن رنگ مورد نظر ، کافیه که کد رنگ رو بجای این قسمت وارد کنیم :

@color/colorPrimary

و تنها کار باقی مونده وارد کردن این Style  برای CardView مورد نظر ماست :

<android.support.v7.widget.CardView  
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="@style/MyCardViewStyle">

نتیجه ی نهایی :

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

 

تصویر کارد ویو

کارد ویو CardView Style

__

امیداوریم که آموزش برای شما مفید بوده باشه ، موفق باشید .

دیدگاه هایی که برای این مطلب ارسال شده

  1. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: رضــــا شهریور ۸, ۱۳۹۵

    سلام
    ممنون بابت آموزش های فوق العادتون
    من چجوری یه تکسن ویو یا باتن رو توی کارد ویو جا به جا کنم
    از کار ویو میاد بیرون و میره رو بک گراند اکتیویتی اصلی 🙁

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: Rouhollah.Mz شهریور ۸, ۱۳۹۵

      سلام ، نظر لطف شماست .
      شما بیاید توی خود کارد ویو یه رلتیو لیوت بزارید و ویو های مورد نظرتون رو درون اون قرار بدید تا چینش اعضای اون راحت تر باشه براتون .

  2. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: علی مهر ۸, ۱۳۹۵

    سلام خسته نباشید. من کارد ویو رو که تو برنامه میذارم تو گوشی های مختلف سایز های مختلف داره.مثلا تو گوشی خودم همه اون چیزایی ک تو کارد گذاشتم میره تو هم دیگه. توی گوشی رفیقم قشنگ و ترتمیز نشون میده. من چیکار کنم ک تو همه گوشی ها یکسان باشه؟

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: Rouhollah.Mz مهر ۹, ۱۳۹۵

      سلام
      میتونید لیوت های مختلفی با اسم های
      layout
      layout-large
      layout-xlarge
      layout-xxlarge
      ایجاد کنید و با توجه با اندازه ی صفحه با کارد ویو ارتفاع بدید و همینطور میتونید به ویو هاتون وزن بدید :
      مثلا به همشون این مورد رو بدید و تست کنید :
      android:layout_weight="1"

شما هم دیدگاهی برای این مطلب ارسال کنید

مطالب مرتبط

مطالب تصادفی

لوگوی دوستان

هایپر تمپ | HyperTemp