【问题标题】:How to place textview near to Right side of logo android如何将textview放置在徽标android的右侧附近
【发布时间】:2018-05-11 09:07:22
【问题描述】:

我有位于右侧的徽标(id 为 tri_logo)。靠近那个,在左边我需要放置版本计数(id 是 version_text)。但是版本计数没有显示在正确的 tri_logo 附近。

简单来说,我需要这样放置。可以看到 v1.0 放置在 tri_logo 的右侧附近。

          <Centered Icon which is already placed>                        v1.0 <tri_logo>

下面是xml代码。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toplayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:layout_marginRight="20dp"
    android:orientation="horizontal">

    <LinearLayout
        android:id="@+id/lout_profile_header"
        android:layout_width="match_parent"
        android:layout_height="@dimen/top_view_height"
        android:layout_weight="1"
        android:clickable="true"
        android:gravity="center"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/imgTopProfile"
            android:layout_width="@dimen/profilie_icon_size"
            android:layout_height="@dimen/profilie_icon_size"
            android:layout_margin="@dimen/hdr_img_padding"
            android:src="@mipmap/ic_profile" />

        <TextView
            android:id="@+id/textTopProfile"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="@dimen/hdr_name_padding" />


    </LinearLayout>

    <TextView
      android:id="@+id/version_text" //this is not fitting near to below logo
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.2"
        android:text="v1.7"/>

    <ImageView
        android:id="@+id/tri_logo"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_gravity="right"
        android:layout_weight="1"
        android:src="@drawable/tri_logo" />
</LinearLayout>

【问题讨论】:

  • 你能用问题分享你的预期输出吗
  • 1.0 两者都应该向右。我不想打扰其他事情。靠近正确的标志,我需要放置 version_text
  • 可以分享您所需输出的任何图像@walter
  • 我需要放在这里。我标记了一个绿色方块。应该放置数字。 pasteboard.co/HkF66cF.png@NileshRathod

标签: android android-layout android-linearlayout textview android-layout-weight


【解决方案1】:

试试这个:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toplayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:layout_marginRight="20dp"
    android:orientation="horizontal">

    <LinearLayout
        android:id="@+id/lout_profile_header"
        android:layout_width="0dp"
        android:layout_height="@dimen/top_view_height"
        android:layout_weight="1"
        android:clickable="true"
        android:gravity="center"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/imgTopProfile"
            android:layout_width="@dimen/profilie_icon_size"
            android:layout_height="@dimen/profilie_icon_size"
            android:layout_margin="@dimen/hdr_img_padding"
            android:src="@mipmap/ic_profile" />

        <TextView
            android:id="@+id/textTopProfile"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="@dimen/hdr_name_padding" />


    </LinearLayout>

    <TextView
        android:id="@+id/version_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="v1.7" />

    <ImageView
        android:id="@+id/tri_logo"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_gravity="right"
        android:src="@drawable/tri_logo" />

</LinearLayout>

【讨论】:

  • 我需要卸掉重物吗?
  • no.. 不合适。图标看起来太大且居中图标和文本被移动。这是我的要求pasteboard.co/HkF66cF.png
  • 你的图标大小是多少?
  • 81*88是tri_logo的大小
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-12-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多