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

دوشنبه 25 اردیبهشت 1396

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

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

در پروژه خود Build.gradleرا باز نمایید.

داخل آن خط کد زیر را قرار دهید:

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:appcompat-v7:23.4.0'
}

فایل style.xml را باز کرده و خط کد زیر را قرار می دهید:

<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">

و colors.xml را باز کرده و خط کد زیر را قرار می دهید:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#009688</color>
    <color name="colorPrimaryDark">#004D40</color>
    <color name="colorAccent">#FF4081</color>
</resources>

در کلاس قطعه کد زیر را قرار می دهید:

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;

public class MainActivity extends AppCompatActivity {

    Toolbar toolbarWidget;

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

        toolbarWidget = (Toolbar) findViewById(R.id.toolbar1);

        toolbarWidget.setTitle("Toolbar With Icon");

        toolbarWidget.setNavigationIcon(R.mipmap.ic_launcher);

        setSupportActionBar(toolbarWidget);

    }
}

در لایه ی xml قطعه کد زیر را قرار دهید:

<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"
    tools:context="com.android_examples.toolbarwithicon_android_examplescom.MainActivity"
    android:background="#ECEFF1">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar1"
        android:layout_width="fill_parent"
        android:layout_height="58dp"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        android:titleTextColor="#ffffff"
        >

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


</RelativeLayout>

خروجی به صورت زیر خواهد بود:

برنامه نویسان

نویسنده 3355 مقاله در برنامه نویسان

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

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید