工具栏标题的项目对齐问题?

时间:2017-08-10 13:35:31

标签: android android-layout layout android-toolbar text-alignment

今天我在container = document.getElementById( 'canvas' ); view2 = document.getElementById( 'view2' ); view2.appendChild(container); CANVAS_WIDTH = 400, CANVAS_HEIGHT = 400; renderer = new THREE.WebGLRenderer(); renderer.setSize(CANVAS_WIDTH, CANVAS_HEIGHT); container.appendChild(renderer.domElement); scene = new THREE.Scene(); camera = new THREE.PerspectiveCamera(45, CANVAS_WIDTH / CANVAS_HEIGHT, 1, 1000); camera.position.y = 150; camera.position.z = 500; camera.lookAt(scene.position); scene.add(camera); controls = new THREE.OrbitControls(camera, container); scene.add(new THREE.AmbientLight(0x222222)); var light = new THREE.PointLight(0xffffff, 1); camera.add(light); mesh = new THREE.Mesh( new THREE.BoxGeometry( 200, 200, 200, 1, 1, 1 ), new THREE.MeshPhongMaterial( { color : 0x0080ff } ) ); scene.add( mesh ); objects.push( mesh ); // find intersections var raycaster = new THREE.Raycaster(); var mouse = new THREE.Vector2(); // mouse listener document.addEventListener('mousemove', function(event) { mouse.x = ( ( event.clientX - renderer.domElement.offsetLeft ) / renderer.domElement.clientWidth ) * 2 - 1; mouse.y = - ( ( event.clientY - renderer.domElement.offsetTop ) / renderer.domElement.clientHeight ) * 2 + 1; raycaster.setFromCamera(mouse, camera); intersects = raycaster.intersectObjects(objects); if (intersects.length > 0) { info.innerHTML = 'INTERSECT Count: ' + ++count } }, false); 自定义标题中遇到了一个奇怪的问题 我使用的是中心的ToolbarTextView右侧的ImageView。所以我在xml中使用了下面的代码行,请检查一次。

Toolbar

从上面的代码中获取这些输出。 enter image description here

我已经使用<android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@android:color/white" android:theme="@style/AppTheme.NoActionBar.AppBarOverlay"> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="#3EC3D6" app:layout_collapseMode="pin" app:popupTheme="@style/AppTheme.NoActionBar.PopupOverlay"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:orientation="horizontal"> <TextView android:id="@+id/headerTxt" style="@style/Base.TextAppearance.AppCompat.Medium" android:layout_width="wrap_content" android:layout_height="wrap_content" android:ellipsize="marquee" android:gravity="center" android:layout_gravity="center" android:maxLines="1" android:text="Tile" android:textColor="@android:color/black" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/chat_new_icon" android:layout_gravity="right" /> </LinearLayout> </android.support.v7.widget.Toolbar> 来解决这个问题,但它也没有用。请检查以下代码

RelativeLayout

获得另一个意外结果请检查一次。 enter image description here

我已经提到了这个解决方案,但它对我不起作用。请检查链接一次。
1. First Link
2. Second Link
3. Third Link
4. Forth Link

<android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="#3EC3D6" app:layout_collapseMode="pin" app:popupTheme="@style/AppTheme.NoActionBar.PopupOverlay"> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:id="@+id/headerTxt" style="@style/Base.TextAppearance.AppCompat.Medium" android:layout_width="wrap_content" android:layout_height="wrap_content" android:ellipsize="marquee" android:gravity="center" android:layout_gravity="center" android:layout_centerInParent="true" android:maxLines="1" android:text="Tile" android:textColor="@android:color/black" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/chat_new_icon" android:layout_alignParentRight="true" android:layout_gravity="right" /> </RelativeLayout> </android.support.v7.widget.Toolbar> 所需的TextView以及Toolbar的中心位于ImageView的右侧。请帮我解决这个问题

4 个答案:

答案 0 :(得分:0)

只需更新您的代码...编辑您的相对布局实施

data want;
  do until (last.var1);
    do until (last.var2);
      set have;

      * other sas statements;

    end;
 end;
run;

答案 1 :(得分:0)

这是有效的......

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:local="http://schemas.android.com/tools"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="#3EC3D6"
    app:layout_collapseMode="pin"
    local:popupTheme="@style/ThemeOverlay.AppCompat.Light">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/headerTxt"
            style="@style/Base.TextAppearance.AppCompat.Medium"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:ellipsize="marquee"
            android:maxLines="1"
            android:text="Tile"
            android:textColor="@android:color/black" />


        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/headerTxt"
            android:src="@drawable/delete_icon" />

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

答案 2 :(得分:0)

这就是我最终的结果

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:local="http://schemas.android.com/tools"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="#3EC3D6"
    app:layout_collapseMode="pin"
    local:popupTheme="@style/ThemeOverlay.AppCompat.Light">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/headerTxt"
            style="@style/Base.TextAppearance.AppCompat.Medium"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:ellipsize="marquee"
            android:maxLines="1"
            android:text="Tile"
            android:textColor="@android:color/black" />


        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/headerTxt"
            android:src="@drawable/delete_icon" />

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

enter image description here

答案 3 :(得分:0)

@MikeM。建议对我有用。有关此问题的详细信息,请参阅此链接click here

我摆脱问题的原因是我删除了LinearLayout中的Toolbar,并在android:layout_gravity的帮助下设置了视图的严重性,请参阅以下解决方案

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="#3EC3D6"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/AppTheme.NoActionBar.PopupOverlay">

                <TextView
                    android:id="@+id/headerTxt"
                    style="@style/Base.TextAppearance.AppCompat.Medium"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:ellipsize="marquee"
                    android:maxLines="1"
                    android:text="Tile"
                    android:textColor="@android:color/black" />

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="right"
                    android:layout_marginRight="10dp"
                    android:src="@drawable/chat_new_icon" />


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

从上面的代码中获得预期结果,请检查一次。 Output