Учебник Cardview с Recyclerview в Android Studio

Всем привет, сегодня я немного расскажу о том, как создать Cardview с Recyclerview в Android Studio. Итак, результатом этого урока является программа с баннером и несколькими сетками под ним с двумя столбцами.

Итак, вам нужно подготовить одно изображение баннера и 10 картинок квадратного размера. Если у вас его нет, вы можете загрузить изображение ниже и сохранить его в папке проекта Drawable.

Скачать изображения

Тогда мы просто начинаем учебник. Сначала, конечно, вам нужно создать новый проект в Android Studio с пустым типом активности, затем перейти в раздел Module и ввести необходимую библиотеку.

dependencies{

    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.android.support:appcompat-v7:25.1.1'
    compile 'com.android.support:cardview-v7:25.1.1'
    compile 'com.android.support:recyclerview-v7:25.1.1'
    compile 'com.android.support:design:25.1.1'
    compile 'com.github.bumptech.glide:glide:3.7.0'
    testCompile 'junit:junit:4.12'
    compile 'com.google.android.gms:play-services-appindexing:8.4.0'  

}

Если процесс синхронизации завершен и проблем нет, перейдите в раздел colors.xml, чтобы изменить цвет отображения.

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
    <color name="viewBg">#f1f5f8</color>
    <color name="album_title">#4c4c4c</color>
</resources>

Затем откройте файл dimens.xml и введите следующий код.

<resources>
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
    <dimen name="fab_margin">16dp</dimen>
    <dimen name="item_offset">10dp</dimen>
    <dimen name="detail_backdrop_height">250dp</dimen>
    <dimen name="backdrop_title">30dp</dimen>
    <dimen name="backdrop_subtitle">18dp</dimen>
    <dimen name="card_margin">5dp</dimen>
    <dimen name="card_pc_radius">0dp</dimen>
    <dimen name="pc_cover_height">160dp</dimen>
    <dimen name="pc_title_padding">10dp</dimen>
    <dimen name="pc_title">15dp</dimen>
    <dimen name="songs_count_padding_bottom">5dp</dimen>
    <dimen name="songs_count">12dp</dimen>
    <dimen name="ic_pc_overflow_width">20dp</dimen>
    <dimen name="ic_pc_overflow_height">30dp</dimen>
    <dimen name="ic_pc_overflow_margin_top">10dp</dimen>      
</resources>

Откройте файл strings.xml и введите следующий код.

<resources>
    <string name="app_name">Card View</string>
    <string name="action_settings">Settings</string>
    <string name="action_rate">Rate</string>
    <string name="action_share">Share</string>
    <string name="backdrop_title">PC Fantastic</string>
    <string name="backdrop_subtitle">This Season Top 10 PC</string>   
</resources>

Перейдите к menu_movie.xml. (вы можете изменить название меню) и введите следующий код

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="id.ndiappink.cardview.MainActivity">
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="@string/action_settings"
        app:showAsAction="never" />
</menu>

Откройте styles.xml и введите следующий код.

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">   
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>

Для получения более подробной информации перейдите по ссылке ниже