最近在做一个时间选择器,想把要DatePicker和TimePicker放在一起使用,无赖他们的大小样式是被Google写死了,找不到相应的属性来设置,自己花了点时间写了一个使用的Demo,运行的效果如下。

  

  

  首先看布局

<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"
tools:context=".TimeActivity" > <NumberPicker
android:id="@+id/date_picker"
android:layout_width="100dip"
android:layout_height="match_parent"
android:layout_margin="10dip"
/> <TimePicker
android:id="@+id/time_picker"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_margin="10dip"
/> </LinearLayout>

  

  左边使用了一个NumberPicker替换DatePicker的使用,只显示月日星期

        datePicker = (NumberPicker)findViewById(R.id.date_picker);
datePicker.setMinValue(1);
datePicker.setMaxValue(365); calendar = Calendar.getInstance();
calendar.setLenient(true);
Calendar tempCal = (Calendar) calendar.clone();
long curTime = tempCal.getTimeInMillis();
int curDay = calendar.get(Calendar.DAY_OF_YEAR);
//此处简单的使用365代表全年的天数
String[] displayedValues = new String[365];
for (int i = 0; i < 365; i++)
{
tempCal = add(curTime, i - curDay + 1, Calendar.DAY_OF_MONTH);
//格式化为月日星期
displayedValues[i] = String.format("%tb %td %ta", tempCal, tempCal, tempCal);
}
datePicker.setDisplayedValues(displayedValues);
datePicker.setValue(calendar.get(Calendar.DAY_OF_YEAR));

  右边使用24小时制的TimePicker, 显示小时和分钟的NumberPicker的(TimePicker实际上就是由NumberPicker组成,而NumberPicker在android4.2包含一个EditText控件)

        tp = (TimePicker)findViewById(R.id.time_picker);
//设置成24小时,隐藏AM/PM picker
tp.setIs24HourView(true);
//修改TimePicker字体的大小
setNumberPickerTextSize(tp);
//修改TimePicker中NumberPicker的大小
resizeTimerPicker(tp);

  修改字体大小的基本思路是:首先由TimePicker控件找到里边的NumberPicker控件,然后再找到里边的EditText控件,从而就可以自由设置它的大小,颜色。 从效果图片可以看到,只能设置当前的字体,上一个/下一个还是原来的大小,此处还需要查看源码找它的原因,如果有人知道也请告之,谢谢。

    private List<NumberPicker> findNumberPicker(ViewGroup viewGroup)
{
List<NumberPicker> npList = new ArrayList<NumberPicker>();
View child = null; if (null != viewGroup)
{
for (int i = 0; i < viewGroup.getChildCount(); i++)
{
child = viewGroup.getChildAt(i);
if (child instanceof NumberPicker)
{
npList.add((NumberPicker)child);
}
else if (child instanceof LinearLayout)
{
List<NumberPicker> result = findNumberPicker((ViewGroup)child);
if (result.size() > 0)
{
return result;
}
}
}
} return npList;
} private EditText findEditText(NumberPicker np)
{
if (null != np)
{
for (int i = 0; i < np.getChildCount(); i++)
{
View child = np.getChildAt(i); if (child instanceof EditText)
{
return (EditText)child;
}
}
} return null;
} private void setNumberPickerTextSize(ViewGroup viewGroup)
{
List<NumberPicker> npList = findNumberPicker(viewGroup);
if (null != npList)
{
for (NumberPicker np : npList)
{
EditText et = findEditText(np);
et.setFocusable(false);
et.setGravity(Gravity.CENTER);
et.setTextSize(10); }
}
}

  修改TimpePicker的大小,实际上就是设置NumberPicker的大小,由于字体大小设置不完全,故这个地方也不能把NumberPicker设置得太小,只能稍微减小它的大小

    private void resizeTimerPicker(TimePicker tp)
{
List<NumberPicker> npList = findNumberPicker(tp); for (NumberPicker np : npList)
{
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(100, LayoutParams.WRAP_CONTENT);
params.setMargins(10, 0, 10, 0);
np.setLayoutParams(params);
}
}

  至此,显示月日星期和时间的Picker就形成了,当然你也可以全部都用NumberPicker来完成,那样会麻烦一点,由于时间花的还不够深入,故还有一些欠缺,抱歉,如果看到的人有其他补充请你也告之我,谢谢。

  最后补充一种修改Picker的字体颜色的方法

  首先在styles.xml 文件里边加入Theme style,设置所有EditText的颜色(因为TimePicker和DatePicker 使用的基本控件都是EditText)

    <style name="Theme.picker" parent="android:Theme.Holo.Light">
<item name="android:editTextStyle">@style/Widget.EditText.White</item>
</style> <style name="Widget.EditText.White" parent="@android:style/Widget.EditText">
<item name="android:textColor">@color/red</item>
</style>

  然后在应用的 AndroidManifest.xml文件中的Activity下边增加属性 android:theme="@style/Theme.picker",表示该Acitivity使用该theme. 这样Picker就会显示你设置好的颜色。

    <activity
android:name="com.example.timewidget.TimeActivity"
android:label="@string/app_name"
android:theme="@style/Theme.picker">
<intent-filter>
<action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>

  

关于调整TimePicker, DatePicker的大小,样式的更多相关文章

  1. ExtJs之Ext.form.field.TimePicker DatePicker组合框

    <!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv ...

  2. Android 6.0 中TimePicker显示为滚动样式的方法

    在Android6.0中,TimePicker控件的默认样式为转盘的样式,就像这个样子: 如果想要显示为之前的滚动样式的话也很简单,只要在布局文件中设置TimePicker的timePickerMod ...

  3. CSS font-size字体大小样式属性

    设置字体大小CSS单词与语法 基本语法结构: .divcss5{font-size:12px;}设置了文字大小为12px像素Font-size+字体大小数值+单位 单词:font-size语法:fon ...

  4. el-dialog 如何自定义大小样式

    使用属性:custom-class 然后在css中根据这个类型编写指定的样式即可(比如宽高) 举例:

  5. android学习笔记七——控件(DatePicker、TimePicker、ProgressBar)

    DatePicker.TimePicker ==> DatePicker,用于选择日期 TimePicker,用于选择时间 两者均派生与FrameLayout,两者在FrameLayout的基础 ...

  6. 日期 时间选择器(DatePicker和TimePicker)实现用户选择

    日期和时间 作者的设计TimePicker时,大小分布不合理,我调整宽度为match-parent高度为wrap-parent就可以了. public class MainActivity exten ...

  7. Android5.0 TimePicker,DatePicker恢复成低版本滚动模式

    新版中的TimePicker DatePicker是不支持使用遥控器的, 恢复成低版本滚动模式只需要是xml文件加上一句即可: android:datePickerMode="spinner ...

  8. android中TimePicker和DatePicker的简单使用

    package com.example.demo10; import java.util.Calendar; import android.support.v7.app.ActionBarActivi ...

  9. Android中DatePicker与TimePicker用法讲解(包括DatePickerDialog与TimePickerDialog)

    实现效果:将DatePicker和TimePicker修改的日期和时间实时显示在程序标题栏上. 1.通过DatePicker和TimePicker来实现 布局为main.xml <?xml ve ...

随机推荐

  1. python爬虫入门(6)-Scrapy基本使用

    源码:链接:http://pan.baidu.com/s/1dEK82hb 密码:9flo   创建项目                                 scrapy startpro ...

  2. iPhone开机键坏了如何开机

    作死 开机 [苹果手机/iphone开机键坏了怎么开机]

  3. Mac设置SVN:Cornerstone3

    前因 在windows下用Tortoisesvn.可惜Tortoisesvn没有Mac版,只能上知乎寻找适合于 Mac的SVN软件. 经过 找到了一款名为Cornerstone的软件.在App Sto ...

  4. 关于掌握C#的内存堆栈概念

    很多时候,我们使用C#语言书写业务逻辑时,并不会太多地主动考虑到内存的占用和分配问题,但编的程序多了,就总会遇到一些性能问题.提到"性能"二字,就不得不考虑CPU和内存,而提到内存 ...

  5. HDU3394Railway Tarjan连通算法

    There are some locations in a park, and some of them are connected by roads. The park manger needs t ...

  6. vmware linux nat模式设置静态ip

    网上资料很多,但是都不怎么实用,这里给大家总结一下.nat模式上网.因为nat本身就能上网为什么还要设置ip.这有点自找麻烦.但是在集群这是必须的.要么你搭建伪分布,要么至少具有三台物理机器.为了节省 ...

  7. qt creator在Qt5中中文显示的问题

    当我们用Qt Creater时,经常出会出现如下问题: 处理方法如下:用记事本打开你的源代码,然后点另存为,utf-8,编码覆盖,这时中文就没问题了但是会乱码.在字符串前加个宏QStringLiter ...

  8. Java中16进制与字符串之间的相互转换

    笔者前几日在开服过程中需要将字符串转化成为16进制的字符串,在网上找到了一些方法尝试之后,均发现存在一个问题-->字符串转为16进制后再转回来,英文正常,中文出现乱码 经过考虑决定通过以下方式进 ...

  9. Vue生命周期函数详解

    vue实例的生命周期 1 什么是生命周期(每个实例的一辈子) 概念:每一个Vue实例创建.运行.销毁的过程,就是生命周期:在实例的生命周期中,总是伴随着各种事件,这些事件就是生命周期函数: 生命周期: ...

  10. ballerina 学习四 如何进行项目结构规划

    备注: *   ballerina 程序员可以将代码放到一个文件或者一个项目目录 *   一个ballerina program是一个已经编译以及链接的二进制文件 *   package是一个包含ba ...