DatePicker看起来也像新API上的旧设计

时间:2013-03-07 17:21:58

标签: android android-fragments datepicker

所以问题很简单:

我在我的应用程序中集成了DatePicker。 不是DialogDatePicker而是{视图}组件(更准确地说是View内部的Fragment,它是从我的主{{1}中包含的FrameLayout中动态显示和删除的布局。)。

现在我的问题是这个DataPicker看起来像这样: enter image description here

而不是这样:

enter image description here

即使我定位较高的API,我也尝试将我的Min SDK设置为16或17,但它也没有任何帮助。

有人知道为什么会这样吗?以及如何显示数据选择器的新外观? 最好也适用于旧版本的Android?

任何帮助都将不胜感激。

感谢。

编辑代码:

DataPickerFragment xml:

FragmentActiviy

DataPickerFramgnet类:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:paddingLeft="6.5dp"
    android:paddingTop="6dp"
    android:paddingRight="8.5dp"
    android:paddingBottom="8.5dp"
    android:background="@drawable/date_picker_background">

    <DatePicker
        android:id="@+id/datePicker"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:paddingBottom="40dp" />

    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/bCancel"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_weight="1.0"
            android:onClick="buttonCanceDatePickerOnclick"
            android:text="@string/cancel" />

        <Button
            android:id="@+id/bSave"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_weight="1.0"
            android:onClick="buttonSaveDatePickerOnclick"
            android:text="@string/save" />

     </LinearLayout>
</FrameLayout>

更新

Manifast文件:

public class DatePickerFragment extends Fragment {

    private Button bSave, bCancel;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.date_picker_fragment_layout, 
                                         container, false);
        return rootView;
    }
}

我发现问题出在哪里,我设置了:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.emildesign.sgreportmanager"
android:versionCode="1"
android:versionName="1.0">

    <uses-sdk
        android:minSdkVersion="13"
        android:targetSdkVersion="17" />

    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

    <!--  Crittercism  -->
    <uses-permission android:name="android.permission.READ_LOGS"/>
    <uses-permission android:name="android.permission.GET_TASKS"/>

    <application
        android:allowBackup="true"
        android:name="com.emildesign.sgreportmanager.SGRaportManagerAppObj"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@android:style/Theme.Black.NoTitleBar.Fullscreen">

        <activity
            android:name="com.emildesign.sgreportmanager.activities.LoginScrActivity"
            android:screenOrientation="landscape">

            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name="com.emildesign.sgreportmanager.activities.ReportsTableActivity"
            android:screenOrientation="landscape">
        </activity>
        <activity
            android:name="com.emildesign.sgreportmanager.activities.ParametersActivity"
            android:screenOrientation="landscape">
        </activity>
        <activity android:name="com.crittercism.NotificationActivity"/>  
</application>

使我的应用程序全屏显示,并将数据选择器的旧样式更改为:

android:theme="@android:style/Theme.Black.NoTitleBar.Fullscreen" 

创建以下DataPicker:

enter image description here

之前比以前更好,但这仍然不是我正在寻找的结果。

5 个答案:

答案 0 :(得分:4)

android:targetSdkVersion设置为11或更高。 Here is a sample application demonstrating this


<强>更新

首先,您的原始DatePicker屏幕截图来自黑暗主题(例如Theme.Holo),而您的第二个屏幕截图来自浅色主题(例如,Theme.Holo.Light)。

其次,DatePicker文档包含以下开头段落:

  

此类是用于选择日期的小部件。可以通过年,月,日旋转器或CalendarView选择日期。旋转器组和日历视图自动同步。客户端可以自定义是仅显示微调器,还是仅显示日历视图或两者。此外,可以自定义选择日期的最小日期和最大日期。

您可以通过CalendarView(或android:calendarViewShown)摆脱setCalendarViewShown()。当您尝试这样做时,您会发现在CalendarView消失后,您的年份微调器将会出现。

答案 1 :(得分:3)

你必须使用Holo主题。

所以,你的主题应该是这样的:

<style name="AppTheme" parent="@android:style/Theme.Holo">
    ...
</style>

答案 2 :(得分:1)

回复您的更新

更改

android:theme="@android:style/Theme.Holo.Light.NoActionBar.Fullscreen"

android:theme="@android:style/Theme.Holo.NoActionBar.Fullscreen"

答案 3 :(得分:0)

以下是调用设备默认日期和时间选择器

的代码段

date_time_layout.xml

 <?xml version="1.0" encoding="utf-8"?>
    <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center" >

        <LinearLayout
            android:id="@+id/linearLayout1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="vertical" >

            <DatePicker
                android:id="@+id/datePicker1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:calendarViewShown="false" > <!-- style="@style/date_picker_style" -->
            </DatePicker>

            <TimePicker
                android:id="@+id/timePicker1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >
            </TimePicker>

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content" >

                <Button
                    android:id="@+id/dialogCancel"
                    android:layout_width="0dip"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:text="Cancel" />

                <Button
                    android:id="@+id/dialogSet"
                    android:layout_width="0dip"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:text="Set" />
            </LinearLayout>
        </LinearLayout>

    </ScrollView>

将此方法放在您的类中,并使用showDateAndTimePicker();

调用它
private void showDateAndTimePicker() {
        final Dialog dialog = new Dialog(this,
                android.R.style.Theme_DeviceDefault_Dialog);

        dialog.setContentView(R.layout.date_time_layout);
        dialog.setCancelable(false);
        dialog.setTitle("Select Date and Time");
        Button set = (Button) dialog.findViewById(R.id.dialogSet);
        Button cancel = (Button) dialog.findViewById(R.id.dialogCancel);
        final DatePicker dtp = (DatePicker) dialog
                .findViewById(R.id.datePicker1);
        final TimePicker tp = (TimePicker) dialog
                .findViewById(R.id.timePicker1);
        set.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // Handle Set button
                dialog.dismiss();

            }
        });
        cancel.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                 //Handle Cancel button
                dialog.dismiss();
            }
            });
            dialog.show();
        }

答案 4 :(得分:-2)

您需要使用DialogFragment来查找所需的结果:

http://developer.android.com/guide/topics/ui/controls/pickers.html