GridLayout - 对齐元素

我想减少2列之间的空间，尝试使用负边距，但没有奏效。有没有办法让图像中的2个元素更接近？GridLayout - 对齐元素

<?xml version="1.0" encoding="utf-8"?> 
<GridLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:useDefaultMargins="true" 
    android:alignmentMode="alignBounds" 
    android:columnOrderPreserved="false" 
    android:layout_gravity="center" 
    android:orientation="horizontal" 
    android:stretchMode="columnWidth" 
    android:background="@color/orange" 
    android:textSize="12sp" 
    android:columnCount="8"> 
    <ImageButton 
     android:id="@+id/settings" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_columnSpan="1" 
     android:layout_gravity="left" 
     android:src="@drawable/settings" /> 
    <TextView 
     android:id="@+id/currentCityName" 
     android:layout_column="2"  
     android:textSize="22sp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 

     android:text="City name" 
     android:layout_columnSpan="4" 
     android:layout_gravity="center_horizontal" 

     /> 
    <ImageButton 
     android:id="@+id/refresh" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_column="7" 

     android:layout_columnSpan="1" 
     android:layout_gravity="right" 
     android:src="@drawable/reload" /> 
    <ImageView 
     android:id="@+id/currentWeatherImage" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_columnSpan="8" 
     android:layout_rowSpan="3" 
     android:layout_gravity="center_horizontal" 
     android:src="@drawable/cloud" /> 
    <ImageView 
     android:id="@+id/humidityIcon" 
     android:layout_width="20dp"   
     android:paddingTop="10dp" 
     android:paddingLeft="0dp" 
     android:paddingRight="0dp" 
     android:layout_marginRight="0dp" 
     android:layout_gravity="left" 
     android:background="#000000" 
     android:src="@drawable/humidity" /> 
    <TextView 
     android:id="@+id/humidity"  
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:textSize="13sp" 
     android:paddingTop="10dp" 
     android:paddingLeft="0dp" 
     android:layout_marginLeft="0dp" 
     android:layout_gravity="left" 
     android:background="#FFFFFF" 
     /> 
    <TextView 
     android:id="@+id/temperature" 
     android:layout_columnSpan="4" 
     android:layout_rowSpan="2" 
     android:textSize="49sp" 
     android:layout_marginLeft="10dp" 
     android:layout_marginRight="5dp" 
     android:layout_gravity="center_horizontal"/> 
    <ImageView 
     android:id="@+id/windSpeedIcon" 
     android:layout_width="30dp" 
     android:layout_marginRight="1dp" 
     android:paddingRight="1dp" 
     android:layout_gravity="right" 
     android:src="@drawable/wind" /> 

    <TextView 
     android:id="@+id/windSpeed" 
     android:textSize="12sp" 

     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_vertical" 
     /> 
    <!-- android:layout_width="40dp" --> 
    <TextView 
     android:id="@+id/precipitationIcon" 
     android:textSize="28sp" 
     android:layout_width="40dp" 
     /> 
    <TextView 
     android:id="@+id/precipitation" 
     android:layout_column="0" 
     android:textSize="13sp" 
     android:layout_width="40dp" 
     /> 
    <TextView 
     android:id="@+id/windDirection16Point"   
     android:textSize="13sp" 
     android:layout_width="80dp" 
     android:layout_columnSpan="2" 
     /> 
    <TextView 
    android:id="@+id/weatherDescription" 
    android:layout_gravity="center_horizontal" 
    android:layout_row="7" 
    android:layout_columnSpan="8"/> 

<TextView 
    android:id="@+id/section_label" 
    android:layout_margin="5dp" 
    android:layout_columnSpan="8" />  
<EditText 
    android:minLines="4" 
    android:maxLines="4" 
    android:id="@+id/edit" 
    android:layout_columnSpan="8"/>

output image

来源

2013-04-23 Gaurav

我觉得发生了什么事是你的意见被拉伸，因为他们正试图以匹配其列另一个视图的宽度。

尝试减少视图的columnSpan或将您的布局分为两个单独的GridLayouts。

或者，考虑完全使用不同的布局。我会在这里推荐RelativeLayout而不是GridLayout，但我不知道这是如何适应更大的窗口。

来源

2013-04-23 00:59:54 Jschools

当我将元素放置在LinearLayout中（嵌套在gridlayout内部）时，根本不显示该元素http://pastebin.com/4wXpmV9d – Gaurav 2013-04-25 00:40:43

试试这个：

enter image description here

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="100dp"> 

    <LinearLayout 
     android:id="@+id/col1" 
     android:layout_width="match_parent" 
     android:layout_height="fill_parent" 
     android:orientation="vertical" 
     android:layout_weight="2.4" 
     > 
     <LinearLayout 
      android:id="@+id/col1_row1" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:gravity="center_vertical" 
      > 
      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@drawable/icon"/> 
      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="83%"/> 
     </LinearLayout>   
     <LinearLayout 
      android:id="@+id/col1_row2" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:gravity="center_vertical" 
      > 
      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@drawable/icon"/> 
      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="1.0mm"/> 
     </LinearLayout> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/col2" 
     android:layout_width="match_parent" 
     android:layout_height="fill_parent" 
     android:orientation="vertical" 
     android:layout_weight="2.0" 
     android:gravity="center" 
     > 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="25'" 
      android:textSize="50dp" 
      />  
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/col3" 
     android:layout_width="match_parent" 
     android:layout_height="fill_parent" 
     android:orientation="vertical" 
     android:layout_weight="2.4" 
     > 
     <LinearLayout 
      android:id="@+id/col3_row1" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:gravity="center_vertical" 
      > 
      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@drawable/icon"/> 
      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="19Km"/> 
     </LinearLayout>   
     <LinearLayout 
      android:id="@+id/col3_row2" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:gravity="center_vertical" 
      > 
      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@drawable/icon"/> 
      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="NNW"/> 
     </LinearLayout> 
    </LinearLayout> 

</LinearLayout>

来源

2013-04-27 21:30:52 Mbt925

深布局 - 嵌套太多的布局对性能不利。考虑使用更平坦的布局，如RelativeLayout或GridLayout来提高性能。默认的最大深度是10. http://developer.android.com/training/improving-layouts/optimizing-layout.html – Raanan 2013-05-02 07:58:37

我不认为深度3太多！ – Mbt925 2013-05-02 11:50:15

您被邀请与我链接的文章中的例子争论。 – Raanan 2013-05-02 12:46:37

我想你应该改变usedefaultMargins为假，给自己的利润率的元素。

android:useDefaultMargins="false";

来源

2013-04-29 07:02:11 Ravi

我建议使用RelativeLayout实现整个视图，应该是整个视图的最佳解决方案。

来源

2013-04-30 11:01:23 Raanan

这似乎微不足道的做在'RelativeLayout'我会使用它。 – draksia 2013-05-01 15:12:24

您正在处理错误的问题 - 您问的是如何减少网格布局中列之间的空间，但也许您不应该首先使用这样的布局！

你应该用你的具体布局已经什么，是relative positioning组合和化合物可绘制（这里，与android:drawableStart）。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" android:layout_height="80dp" 
    android:background="#d89018" 
    android:paddingBottom="4dp" 
    android:paddingLeft="8dp" 
    android:paddingRight="8dp" 
    android:paddingTop="4dp" 
    > 

    <TextView 
     android:id="@+id/temperature" 
     android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:layout_centerVertical="true" 
     android:layout_centerHorizontal="true" 
     android:text="25 ℃" 
     android:textColor="#fff" 
     android:textSize="49sp" 
     /> 

    <TextView 
     android:id="@+id/humidity" 
     android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_alignParentStart="true" 
     android:drawableStart="@drawable/humidity" 
     android:gravity="center_vertical" 
     android:text="83 %" 
     android:textColor="#fff" 
     /> 

    <TextView 
     android:id="@+id/windSpeed" 
     android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_alignParentEnd="true" 
     android:drawableStart="@drawable/wind" 
     android:gravity="center_vertical" 
     android:text="19 km/h" 
     android:textColor="#fff" 
     /> 

    <TextView 
     android:id="@+id/precipitation" 
     android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentStart="true" 
     android:drawableStart="@drawable/precipitation" 
     android:gravity="center_vertical" 
     android:text="0.1 mm" 
     android:textColor="#fff" 
     /> 

    <TextView 
     android:id="@+id/windDirection16Point" 
     android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:layout_alignLeft="@id/windSpeed" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentEnd="true" 
     android:drawableStart="@drawable/windDirection" 
     android:gravity="center_vertical" 
     android:text="NNW" 
     android:textColor="#fff" 
     /> 

</RelativeLayout>

这不仅布局比较简单，也让Android为照顾所有的间距为您服务。 要更改复合绘图和文本之间的间距，请在上面的布局代码中使用android:drawablePadding;在Java代码中，这将是TextView.setCompoundDrawablePadding）。

图标用于样品：water，windsock，rainy-weather和wind-rose。

来源

2016-09-01 09:16:27 Diti

GridLayout - 对齐元素

回答

相关问题