android 布局特点

<LinearLayout

   android:layout_width="wrap_content"

   android:layout_height="wrap_content"

   android:orientation="horizontal">

      <TextView

         android:id="@+id/item_title"

         android:layout_width="wrap_content"

         android:layout_height="match_parent"

         android:layout_marginLeft="10dp"

         android:layout_toLeftOf="@+id/iv_more"

         android:layout_toRightOf="@id/item_image"

         android:ellipsize="end"

         android:lines="1"

         android:singleLine="true"

         android:text="欢迎观看我的博客"

         android:textColor="@color/fontColor"

         android:textSize="14sp" />

       <TextView

         android:id="@+id/item_look"

         android:layout_width="wrap_content"

         android:layout_height="match_parent"

         android:layout_marginLeft="10dp"

         android:layout_toLeftOf="@+id/iv_more"

         android:layout_toRightOf="@id/item_image"

         android:ellipsize="end"

         android:lines="1"

         android:singleLine="true"

         android:text="试看"

         android:textColor="@color/mainColor"

         android:textSize="11sp"

         android:background="@drawable/shape_column_look"/>

</LinearLayout>

上面的布局就是上图框中的布局，这里我们想实现的是这样

但往往出现了这样

我们希望的是试看不会被顶掉，但虽然看着简单其实，如果不知道使用布局技巧的话就只能自定义view了，但自定义View的计算还是非常麻烦

解决方案：

其实布局很简单就只要加一句

android:layout_weight="1"

如下

<LinearLayout

   android:layout_width="wrap_content"

   android:layout_height="wrap_content"

   android:orientation="horizontal">

      <TextView

         android:id="@+id/item_title"

         android:layout_width="wrap_content"
         android:layout_weight="1"

         android:layout_height="match_parent"

         android:layout_marginLeft="10dp"

         android:layout_toLeftOf="@+id/iv_more"

         android:layout_toRightOf="@id/item_image"

         android:ellipsize="end"

         android:lines="1"

         android:singleLine="true"

         android:text="欢迎观看我的博客"

         android:textColor="@color/fontColor"

         android:textSize="14sp" />

       <TextView

         android:id="@+id/item_look"

         android:layout_width="wrap_content"

         android:layout_height="match_parent"

         android:layout_marginLeft="10dp"

         android:layout_toLeftOf="@+id/iv_more"

         android:layout_toRightOf="@id/item_image"

         android:ellipsize="end"

         android:lines="1"

         android:singleLine="true"

         android:text="试看"

         android:textColor="@color/mainColor"

         android:textSize="11sp"

         android:background="@drawable/shape_column_look"/>

</LinearLayout>

就ok了是不是很简单啊~~快来学习吧~

巴特西

android 布局特点

解决方案：

最新文章

热门文章