Не получается выровнять TextView в тулбаре

@Александр_Алекс · Регистрация: 08.12.2013

Author24 — интернет-сервис помощи студентам

Здравствуйте.

Понадобилось мне добавить иконку с уведомлением в свой тулбар.
Нагуглил отличное решение
http://stackoverflow.com/quest... -menu-icon

Скопировал разметку тулбара себе - все работает, но черт, выравнивается по правому краю вместо левого.
Точнее, не превью разметки выглядит прямо как мне нужно, но когда запускаю - уезжает вправо

Вот код разметки в которой тулбар

Кликните здесь для просмотра всего текста

XML

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_navigation2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.antipov.rehearsalbasementmvpv2.ui.activity.navigation.NavigationActivity"
    android:background="#FAFAFA">
 
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize"
        android:background="?colorPrimary">
 
        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent">
 
            <TextView
                android:id="@+id/badger"
                android:layout_width="16dp"
                android:layout_height="16dp"
                android:layout_gravity="end|right|top"
                android:layout_marginTop="10dp"
                android:background="@drawable/badge"
                android:gravity="center"
                android:text="1"
                android:textColor="@color/md_white_1000" />
 
        </FrameLayout>
    </android.support.v7.widget.Toolbar>
 
    <LinearLayout
        android:layout_below="@+id/toolbar"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:id="@+id/navigationFragmentContainer"></LinearLayout>
 
</RelativeLayout>

Пробовал разные параметры layout_gravity, на макете все ок, запускаю - уезжает.
Приложил скрины actual/expected result.

Как мне это поправить?

@TonyBicbaev · 10.05.2017, 04:49

Александр_Алекс,
Попробуй еще ConstraintLayout(погугли), сделать привязку текст вию, к углу которому тебе нужно.

Pablito · 10.05.2017, 10:24

если внимательно почитать "решение" по ссылке то там подставляется просто imageview вместо гамбургера
у тебя же он изначально в тулбаре
сделать это без гимора не получится, нужно извращаться

TonyBicbaev, сам погугли перед тем как советовать, а потом подумай как ему это поможет

@TonyBicbaev · 10.05.2017, 11:01

Паблито, счетчики не раз привязывал, вот пример.

XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical|center_horizontal"
        android:orientation="vertical">
 
        <android.support.constraint.ConstraintLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical|center_horizontal">
 
            <ImageView
                android:id="@+id/tab_image"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingRight="1dp"
                android:paddingTop="5dp"
                app:srcCompat="@drawable/image"
                tools:layout_editor_absoluteX="50dp"
                tools:layout_editor_absoluteY="163dp" />
 
            <TextView
                android:id="@+id/tab_notification"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/ic_circle_notification"
                android:text=""
                android:textColor="@color/colorDefualt"
                android:textSize="8sp"
                android:textStyle="normal|bold"
                android:visibility="visible"
                app:layout_constraintRight_toRightOf="@+id/tab_image"
                app:layout_constraintTop_toTopOf="@+id/tab_image" />
        </android.support.constraint.ConstraintLayout>
 
    </LinearLayout>
 
    <TextView
        android:id="@+id/tab_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical|center_horizontal"
        android:text="@string/tab_port"
        android:textColor="@color/colortabSelect"
        android:textSize="10sp" />
 
</LinearLayout>

Вот так выглядит привязка.

Не получается выровнять TextView в тулбаре

@TonyBicbaev · 10.05.2017, 11:04

В данном случае текс вию привязано к правому верхнему углу к изображения.

Pablito · 10.05.2017, 11:06

ок, тогда сделай это на примере ТУЛБАРА и выложи разметку сюда
и желательно что там бы там был гамбургер и счетчик был в верхнем правом углу гамбургера

@TonyBicbaev · 10.05.2017, 11:40

Паблито,
Ну вот убираешь системный, поправляешь красиво как тебе надо и все.

XML

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_navigation2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FAFAFA">
 
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize"
        android:background="?colorPrimary">
 
       <include layout="@layout/test2"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           />
 
 
    </android.support.v7.widget.Toolbar>
 
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:id="@+id/navigationFragmentContainer"
        android:layout_alignParentBottom="true"
        android:layout_alignParentStart="true"></LinearLayout>

в инклуде та разметка что скинул, ток мач перенты на врап контенты поменять.

Pablito · 10.05.2017, 11:56

то есть гамбургер на месте, вместо него предлагаешь поставить иконку, на которую потом дописать вагон кода, что бы она работала вместо стандартного гамбургера, нет анимации и т.д.
все верно?

@TonyBicbaev · 10.05.2017, 12:05

Паблито, не так уж там много кода, просто слушатель навешать.(что бы открыть и закрыть шторку много ума не надо)
ну с анимацией да беда. ток Ripple эффект, вообще мало встречал гамбургеры в приложениях с анимацией, его в большем случае так и меняют наверно)

@TonyBicbaev 3 / 3 / 0 Регистрация: 04.11.2013 Сообщений: 133
	10.05.2017, 04:49	2
	Александр_Алекс, Попробуй еще ConstraintLayout(погугли), сделать привязку текст вию, к углу которому тебе нужно. 0

Pablito 2883 / 2295 / 769 Регистрация: 12.05.2014 Сообщений: 7,978
	10.05.2017, 10:24	3
	если внимательно почитать "решение" по ссылке то там подставляется просто imageview вместо гамбургера у тебя же он изначально в тулбаре сделать это без гимора не получится, нужно извращаться TonyBicbaev, сам погугли перед тем как советовать, а потом подумай как ему это поможет 1

@TonyBicbaev 3 / 3 / 0 Регистрация: 04.11.2013 Сообщений: 133
	10.05.2017, 11:04	5
	В данном случае текс вию привязано к правому верхнему углу к изображения. 0

Pablito 2883 / 2295 / 769 Регистрация: 12.05.2014 Сообщений: 7,978
	10.05.2017, 11:06	6
	ок, тогда сделай это на примере ТУЛБАРА и выложи разметку сюда и желательно что там бы там был гамбургер и счетчик был в верхнем правом углу гамбургера 0

Pablito 2883 / 2295 / 769 Регистрация: 12.05.2014 Сообщений: 7,978
	10.05.2017, 11:56	8
	то есть гамбургер на месте, вместо него предлагаешь поставить иконку, на которую потом дописать вагон кода, что бы она работала вместо стандартного гамбургера, нет анимации и т.д. все верно? 0

@TonyBicbaev 3 / 3 / 0 Регистрация: 04.11.2013 Сообщений: 133
	10.05.2017, 12:05	9
	Паблито, не так уж там много кода, просто слушатель навешать.(что бы открыть и закрыть шторку много ума не надо) ну с анимацией да беда. ток Ripple эффект, вообще мало встречал гамбургеры в приложениях с анимацией, его в большем случае так и меняют наверно) 0