如何在工具栏左侧设置圆形图像视图,当我们滑动选项卡时Textview会发生变化?

时间:2018-01-17 09:30:31

标签: android android-layout textview android-toolbar android-tablayout

如何设置圆形图像视图以及当我们滑动选项卡Textview更改时?

enter image description here

3 个答案:

答案 0 :(得分:0)

您可以使用自定义布局而不是工具栏布局

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"      
        android:background="@color/colorPrimary"
        android:orientation="horizontal"
        android:id="@+id/linearLayout">
        <de.hdodenhof.circleimageview.CircleImageView
            android:layout_width="30dp"
            android:layout_height="40dp"
            android:id="@+id/toolBarPicture"
            android:layout_gravity="center|center_horizontal"
            android:layout_marginLeft="15dp"
            android:src="@drawable/ic_toolbaruserprogile"
            android:textAlignment="center" />

 </LinearLayout>

使用此库

 compile 'de.hdodenhof:circleimageview:2.2.0'

答案 1 :(得分:0)

对于圆形imageview,请使用此库 - https://github.com/hdodenhof/CircleImageView

对于工具栏,删除默认工具栏并创建自定义工具栏。

答案 2 :(得分:0)

使用此库compile 'de.hdodenhof:circleimageview:2.2.0'

创建自定义工具栏并将其包含在layout.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar_with_logo"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:titleTextColor="@android:color/white"
android:background="@color/colorPrimary">
<de.hdodenhof.circleimageview.CircleImageView
    android:layout_width="30dp"
    android:layout_height="40dp"
    android:id="@+id/toolBarPicture"
    android:layout_gravity="left"
    android:layout_marginLeft="15dp"
    android:src="@drawable/ic_launcher_background"
    android:textAlignment="center" />
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/app_name"/>
</android.support.v7.widget.Toolbar>