内部边框的Android网格视图

时间:2014-07-18 09:34:24

标签: android android-gridview android-calendar

我正在尝试创建一个日历应用程序,我希望内部的每个单元格都有边框,就像它的表格一样,但是我无法弄清楚如何做到这一点,这就是填充它的适配器网格视图

public View getView(int position, View convertView, ViewGroup parent) {
    View v = convertView;
    TextView dayView;
    if (convertView == null) {
        LayoutInflater vi = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        v = vi.inflate(R.layout.calendar_item, null);
    }
    v.setLayoutParams(new GridView.LayoutParams((int) Math.ceil((parent.getWidth() / 7)), (int) Math.ceil((parent.getWidth() / 7))));
    dayView = (TextView) v.findViewById(R.id.date);
    dayView.setText(days[position].toString());
    dayView.setBackgroundColor(Color.CYAN);
    dayView.setPadding(10, 10, 10, 10);
    dayView.setTextColor(Color.WHITE);
    if (days[position].getMonth() - 1 != month.get(Calendar.MONTH) || days[position].getYear() != month.get(Calendar.YEAR)) {
        dayView.setTextColor(Color.rgb(154, 154, 154));
    } else {
        if (days[position].hasEvent()) {
            if (days[position].getIsSelected()) {
                v.setBackgroundColor(Color.RED);
            } else {
                dayView.setTextColor(Color.BLACK);
            }
        } else {
            if (days[position].getIsSelected()) {
                dayView.setTextColor(Color.WHITE);
            } else {
                dayView.setTextColor(Color.BLACK);
            }
        }
    }
    return v;
}

这是calendar_item.xml

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="0dp"
    android:layout_height="60dp"
    android:layout_margin="0dp"
    android:clickable="false"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="0dp" >

    <TextView
        android:id="@+id/date"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:background="@android:color/background_light"
        android:clickable="false"
        android:gravity="center"
        android:textColor="@android:color/white" />

</LinearLayout>

这就是现在的样子 enter image description here

2 个答案:

答案 0 :(得分:3)

首先在.xml中创建一个文件drawable folder,其名称为“shape_my_border.xml”,代码为:

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

<!-- Change to the color you want for the background -->
<solid android:color="@color/white" />

<stroke
    android:width="1dp"
    android:color="@color/grey_border" />
    <!-- Change to the color you want for the border -->
</shape>

然后,将其用作background LinearLayout的{​​{1}}。

如果要在日历的某一天点击时更改背景或边框,则必须创建android:background="@drawable/shape_my_border"文件,方法与创建“shape_my_border.xml”文件相同,但必须使用这样的代码:

selector

希望这有帮助。

答案 1 :(得分:1)

使用形状作为单元格项目的bg(在您的情况下为LinearLayout):)

这是一个例子

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
     android:shape="rectangle"> 
     <stroke android:width="2dp" android:color="#FFFFFFFF" />
     <gradient android:startColor="#DD000000" android:endColor="#DD2ECCFA" 
            android:angle="225"/> 

    <corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp" 
     android:topLeftRadius="7dp" android:topRightRadius="7dp"/> 
</shape> 

从textview中删除bg以查看结果。

希望它有所帮助。