在水平LinearLayout上使用分隔线用于预蜂窝版本

时间:2013-06-13 07:34:41

标签: android actionbarsherlock android-linearlayout android-3.0-honeycomb divider

背景

我正在尝试使用linearLayout的分隔符功能,即使在较旧版本的android上也是如此。

为此,我发现actionBarSherlock有一个名为“com.actionbarsherlock.internal.widget.IcsLinearLayout”的好类。

问题

使用垂直方向时效果很好,但如果使用水平方向,则在下一种情况下不显示分隔线:

当Android在API 17及更高版本上时,设备使用RTL语言(如希伯来语),并且你设置了android:supportsRtl =“true”。这会导致一些分隔符显示(有些没有),左边还有一个空分隔符(如边距)。

现在,我知道不应该使用内部视图,但这是linearLayouts的一个非常重要的功能,我找不到任何好的替代方法(HoloEverywhere是一个非常重的库并且不是'足够粒度以用于此)。

这是一个使用示例:

activity_main.xml中

<com.example.test.IcsLinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:divider="@drawable/divider"
    android:measureWithLargestChild="true"
    android:orientation="horizontal"
    android:showDividers="middle"
    tools:context=".MainActivity" >

    <View
        android:layout_width="0px"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="#FFff0000" />

    <View
        android:layout_width="0px"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="#FFffff00" />

    <View
        android:layout_width="0px"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="#FFff00ff" />

</com.example.test.IcsLinearLayout>

divider.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <size
        android:height="1dp"
        android:width="1dp" />

    <solid android:color="#FF000000" />

</shape>

再次,如果它处于垂直方向(并且您正确设置了儿童的宽度和高度),它将显示分隔线。

我尝试了什么

我试图让它忽略新版本,只适用于旧版本(通过检查版本并避免调用新的API函数)但它没有用。

我也尝试从官方Android代码中复制drawDividersHorizo​​ntal的部分,如下:

  void drawDividersHorizontal(final Canvas canvas)
    {
    final int count=getChildCount();
    boolean isLayoutRtl=false;
    if(VERSION.SDK_INT>=VERSION_CODES.JELLY_BEAN_MR1)
      isLayoutRtl=(getLayoutDirection()&View.LAYOUT_DIRECTION_RTL)!=0;
    for(int i=0;i<count;i++)
      {
      final View child=getChildAt(i);
      if(child!=null&&child.getVisibility()!=GONE)
        if(hasDividerBeforeChildAt(i))
          {
          final LayoutParams lp=(LayoutParams)child.getLayoutParams();
          final int position;
          if(isLayoutRtl)
            position=child.getRight()+lp.rightMargin;
          else position=child.getLeft()-lp.leftMargin-mDividerWidth;
          drawVerticalDivider(canvas,position);
          }
      }
    if(hasDividerBeforeChildAt(count))
      {
      final View child=getChildAt(count-1);
      int position;
      if(child==null)
        {
        if(isLayoutRtl)
          position=getPaddingLeft();
        else position=getWidth()-getPaddingRight()-mDividerWidth;
        }
      else
        {
        final LayoutParams lp=(LayoutParams)child.getLayoutParams();
        if(isLayoutRtl)
          position=child.getLeft()-lp.leftMargin-mDividerWidth;
        else position=child.getRight()+lp.rightMargin;
        }
      drawVerticalDivider(canvas,position);
      }
    }

问题

我如何使其适用于水平方向?

2 个答案:

答案 0 :(得分:1)

试试这个样本

<com.example.test.IcsLinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:divider="@drawable/divider"
android:measureWithLargestChild="true"
android:orientation="horizontal"
android:showDividers="middle"
tools:context=".MainActivity" >

 <View
android:layout_width="2dip"
android:layout_height="fill_parent"
android:layout_weight="1"
android:layout_margin="3dip"
android:background="#FFff0000" />
<View
android:layout_width="2dip"
android:layout_height="fill_parent"
android:layout_weight="1"
android:layout_margin="3dip"
android:background="#FFff0000" />
<View
android:layout_width="2dip"
android:layout_height="fill_parent"
android:layout_weight="1"
android:layout_margin="3dip"
android:background="#FFff0000" />
</com.example.test.IcsLinearLayout>

答案 1 :(得分:0)

你可以这样做(在Android api 10手机上测试(2.3.3 - 2.3.6)):

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
tools:context=".MainActivity" >

<View
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="#FFff0000" />

<!-- First divider -->
<View
    android:layout_width="1dp"
    android:layout_height="wrap_content"
    android:background="@android:color/black" />

<View
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="#FFffff00" />

<!-- Second divider -->
<View
    android:layout_width="1dp"
    android:layout_height="wrap_content"
    android:background="@android:color/black" />

<View
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="#FFff00ff" />

</LinearLayout>

这是一种解决方法,但它有效!