您的位置: 首页  >  IT文章  >  TimePickerDialog -下划线颜色修改

TimePickerDialog -下划线颜色修改

分类: IT文章 • 2023-11-30 18:54:25

首先就是去framework下去找与之相关的theme属性

最开始的时候，直接找的是<item name="datePickerStyle">@style/Widget.Funui.DatePicker</item> ，但是，往父类里面找的话，并没有找到有效属性，仅仅就有一个布局

<item name="android:internalLayout">@android:layout/date_picker_holo</item>属性，然后就从这里着手，看到了一个布局

<LinearLayout xmlns:andro>
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:orientation="horizontal"
    android:gravity="center">

    <LinearLayout android:>
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:gravity="center">

        <!-- Month -->
        <NumberPicker
            android:id="@+id/month"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="16dip"
            android:layout_marginBottom="16dip"
            android:layout_marginStart="8dip"
            android:layout_marginEnd="8dip"
            android:focusable="true"
            android:focusableInTouchMode="true"
            />

        <!-- Day -->
        <NumberPicker
            android:id="@+id/day"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="16dip"
            android:layout_marginBottom="16dip"
            android:layout_marginStart="8dip"
            android:layout_marginEnd="8dip"
            android:focusable="true"
            android:focusableInTouchMode="true"
            />
 <!-- Year -->
        <NumberPicker
            android:id="@+id/year"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="16dip"
            android:layout_marginBottom="16dip"
            android:layout_marginStart="8dip"
            android:layout_marginEnd="16dip"
            android:focusable="true"
            android:focusableInTouchMode="true"
            />

    </LinearLayout>

    <!-- calendar view -->
    <CalendarView
        android:id="@+id/calendar_view"
        android:layout_width="245dip"
        android:layout_height="280dip"
        android:layout_marginStart="16dip"
        android:layout_marginEnd="16dip"
        android:layout_weight="1"
        android:focusable="true"
        android:focusableInTouchMode="true"
        />

</LinearLayout>

发现其中并没有关于下划线的控件，后来感觉这个应该跟NumberPicker 有关，进入后，发现这个控件中有对下划线的绘制，然后就再次到theme下寻找这个控件的属性，找到了一条

<item name="numberPickerStyle">@style/Widget.Funui.NumberPicker</item>，沿着这个属性往下找，找到了父类，如下

<style name="Widget.Holo.NumberPicker" parent="Widget.NumberPicker">
        <item name="android:internalLayout">@android:layout/number_picker_with_selector_wheel</item>
        <item name="android:solidColor">@android:color/transparent</item>        
<!--更改下划线的属性-->
        <item name="android:selectionDivider">@android:drawable/numberpicker_selection_divider</item>
        <item name="android:selectionDividerHeight">2dip</item>
        <item name="android:selectionDividersDistance">48dip</item>
        <item name="android:internalMinWidth">64dip</item>
        <item name="android:internalMaxHeight">180dip</item>
        <item name="virtualButtonPressedDrawable">?android:attr/selectableItemBackground</item>
    </style>

然后我们在framework中替换这条属性以后，确实发生了作用，但是，当我们尝试在应用中进行修改的时候，这时候又遇到了一个问题，就是，如果我们按照如下的方法进行修改

<resources>
    <style name="Settings.Theme" parent="Custom_Settings_Theme">
        <item name="apnPreferenceStyle">@style/ApnPreference</item>
        <item name="android:actionBarTabTextStyle">@style/customActionBarTabTextStyle</item>
        <item name="android:actionBarStyle">@style/SettingsBarStyle</item>
        <item name="android:actionBarTabStyle">@style/SettingsActionBarTabView</item>
        <item name="*android:actionMenuLandTextColor">#ffffff</item>
        <item name="android:actionMenuTextColor">@color/action_menu_text_color</item>
        <item name="*android:homeAsUpIndicator">@drawable/ic_ab_back_holo_dark_am</item>
        <item name="wifi_signal">@drawable/wifi_signal_light</item>
        <item name="android:windowFullscreen">true</item>
        <item name="android:switchStyle">@style/mySwitchStyle</item>
        <item name="android:listChoiceIndicatorSingle">@drawable/btn_radio_funui</item>
        <item name="android:listChoiceIndicatorMultiple">@drawable/btn_check_funui</item>
        <item name="android:alertDialogTheme">@style/Settings.Theme.AlterDialog</item>    
<!--设置picker style-->
        <item name="*android:numberPickerStyle">@style/Settings.Theme.NumberPicker</item>
    </style>
    <style name="Settings.Theme.NumberPicker" parent="@*android:style/Widget.Funui.NumberPicker">
        <item name="*android:selectionDivider">@drawable/numberpicker_selection_divider</item>
    </style>

这时候你会发现，我们的设置并没有起到作用，然后替换第二种

也就是在代码中创建picker的时候，传入一个属性

new TimePickerDialog(this, SchedulePowerOnOff.Theme.NumberPicker, this, mHour, mMinutes, DateFormat.is24HourFormat(this)).show();

这时候你会发现又出现了问题，那就是这个时间弹出来的时候，不具有dialog风格了，也就是说，你的属性过滤掉了dialog风格，因为说到底，这个TimePickerDialog外层就是一个dialog

最后听了同事的方法，完美解决了问题，那就是，在dialog属性里面添加TimePickerDialog的风格，如下

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="SchedulePowerOnOff.Theme" parent="@android:style/Theme.Funui">
        <item name="android:windowFullscreen">true</item>
        <item name="android:actionBarStyle">@style/actionbar_def_style</item>
        <item name="android:listChoiceIndicatorMultiple">@drawable/btn_check_funui</item>
        <item name="android:switchStyle">@style/mySwitchStyle</item> 
<!--这个是关键，是对picker产生作用的过度属性-->
        <item name="android:alertDialogTheme">@style/SchedulePowerOnOff.Theme.AlertDialog</item>
<!--dialog外层的picker属性产生影响-->
        <item name="*android:numberPickerStyle">@style/SchedulePowerOnOff.Theme.NumberPicker</item>
    </style>
    <style name="mySwitchStyle" parent="@*android:style/Widget.Funui.CompoundButton.Switch">
        <item name="android:track">@drawable/switch_track_funui</item>
    </style>
    <style name="SchedulePowerOnOff.Theme.AlertDialog" parent="@*android:style/Theme.Funui.Dialog.Alert">
        <item name="android:listChoiceIndicatorSingle">@drawable/btn_radio_funui</item>
        <item name="android:listChoiceIndicatorMultiple">@drawable/btn_check_funui</item>
        <item name="*android:numberPickerStyle">@style/SchedulePowerOnOff.Theme.NumberPicker</item>
    </style>
    <style name="actionbar_def_style" parent="@android:style/Widget.Funui.ActionBar">
        <item name="android:displayOptions">homeAsUp|showTitle</item>
        <item name="android:background">#b54cff</item>
    </style>
    <style name="SchedulePowerOnOff.Theme.NumberPicker" parent="@*android:style/Widget.Funui.NumberPicker">
        <item name="*android:selectionDivider">@drawable/numberpicker_selection_divider</item> 
<!--下划线的宽度-->      
        <item name="android:selectionDividerHeight">0.5dip</item>
    </style>
</resources>

这个其实你会发现，以后所有类似的情况都可以用这中方法解决，也就是说，如果一个控件里面包含其他的控件，想在theme中更改内层的控件，就必须在他的外层中进行修改。注意，这时候他的父类集成的是Theme.

相关推荐