Question

我正在创建类似WhatsApp的应用程序，但是遇到了一些严重的问题。

我想在工具栏中显示用户个人资料图片和名称，但这就是我所看到的

enter image description here custom_chat_bar.xml：

<de.hdodenhof.circleimageview.CircleImageView
    android:id="@+id/custom_profile_image"
    android:layout_width="47dp"
    android:layout_height="47dp"
    android:layout_marginLeft="20dp"
    android:src="@drawable/profile_image"
    />

<TextView
    android:id="@+id/custom_profile_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Display UserName"
    android:textStyle="bold"
    android:textSize="18sp"
    android:textColor="@color/cardview_light_background"
     />

<TextView
    android:id="@+id/custom_user_last_seen"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Last Seen"
    android:layout_below="@+id/custom_profile_name"
    android:textStyle="bold"
    android:textSize="15sp"
    android:textColor="@color/cardview_light_background"
  />

当用户单击其他人聊天时，应该显示其他人的姓名和图片。图片应该在右边，名字在左边，旁边是返回按钮

Answer 1

首先删除工具栏的标题，如下所示：

getSupportActionBar().setDisplayShowTitleEnabled(false);

然后像这样给用户个人资料图像加粗；

<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/custom_profile_image"
android:layout_width="47dp"
android:layout_height="47dp"
android:layout_weight="1"        <------ This Line
android:layout_marginLeft="20dp"
android:src="@drawable/profile_image"
/>

我没有尝试，但是它可以工作。

并确保在布局的根目录上使用LinearLayout，如横线；

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
 tools:context=".MainActivity"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
 >
  .........
 </LinearLayout>

工具栏无法正常运行

1 个答案: