如何使計時器的時間選擇器對話框

任何人都可以幫助我使timepicker對話框看起來像這樣嗎？我做了這樣的完整佈局，只需要知道如何使選擇區域在列表視圖的中心也我在列表視圖中設置無限循環。如何使計時器的時間選擇器對話框

TimePickerDialog

這裏是代碼 - >

class TimePicker : AppCompatActivity(){ 

    private val timeSecondsAndMinutes = arrayOf("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", 
      "10", "11", "12", "13", "14", "15" , "16", "17", "18", "19", "20", "21", "22", "23", 
      "24", "25", "26", "27", "28", "29" , "30", "31", "32", "33", "34", "35", "36", "37", 
      "38", "39", "40", "41", "42", "43" , "44", "45", "46", "47", "48", "49", "50", "51", 
      "52", "53", "54", "55", "56", "57" , "58", "59") 

    private val timeHours = arrayOf("0", "1", "2", "3", "4", "5", "6", "7", "8", "9","10","11", 
      "12", "13", "14", "15" ,"16", "17", "18", "19", "20", "21", "22", "23", "24", "25", 
      "26", "27", "28", "29" ,"30", "31", "32", "33", "34", "35", "36", "37", "38", "39", 
      "40", "41", "42", "43" ,"44", "45", "46", "47", "48", "49", "50", "51", "52", "53", 
      "54", "55", "56", "57" ,"58", "59","60","61","62","63","64","65","66","67","68","69", 
      "70","71","72","73","74","75","76","77","78","79","80","81","82","83","84","85","86", 
      "87","88","89","90") 

    private var hoursListView : ListView? = null 
    private var minutesListView : ListView? = null 
    private var secondsListView : ListView? = null 


    override fun onCreate(savedInstanceState: Bundle?) { 
     super.onCreate(savedInstanceState) 
     setContentView(R.layout.activity_time_picker) 


     InitializeListView() 
    } 

    private fun InitializeListView() 
    { 
     hoursListView = findViewById(R.id.HoursListView) as ListView 
     minutesListView = findViewById(R.id.MinutesListView) as ListView 
     secondsListView = findViewById(R.id.SecondsListView) as ListView 

     hoursListView!!.setSelector(R.color.ListViewItemsColor) 
     minutesListView!!.setSelector(R.color.ListViewItemsColor) 
     secondsListView!!.setSelector(R.color.ListViewItemsColor) 



     val hoursAdapter = ArrayAdapter(this, R.layout.layout_for_listview_elements, timeHours) 
     val secMinAdapter = ArrayAdapter(this, R.layout.layout_for_listview_elements, timeSecondsAndMinutes) 

     val circularHoursAdapter = CircularListAdapter(hoursAdapter) 
     val circularMinSecAdapter = CircularListAdapter(secMinAdapter) 

     hoursListView!!.adapter = circularHoursAdapter 
     minutesListView!!.adapter = circularMinSecAdapter 
     secondsListView!!.adapter = circularMinSecAdapter 

     hoursListView!!.setSelection(544) 
     minutesListView!!.setSelection(358) 
     secondsListView!!.setSelection(358) 

    }

來源

2017-07-18 Sajan Jossan

當然，這是什麼問題？ –

你可以在github上使用庫。 https://github.com/JZXiang/TimePickerDialog | https://github.com/jjobes/SlideDateTimePicker – Abhi

感謝大家，我找到了解決方案。

class TimePicker : AppCompatActivity(), AbsListView.OnScrollListener { 

    private val timeSecondsAndMinutes = arrayOf("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", 
      "10", "11", "12", "13", "14", "15" , "16", "17", "18", "19", "20", "21", "22", "23", 
      "24", "25", "26", "27", "28", "29" , "30", "31", "32", "33", "34", "35", "36", "37", 
      "38", "39", "40", "41", "42", "43" , "44", "45", "46", "47", "48", "49", "50", "51", 
      "52", "53", "54", "55", "56", "57" , "58", "59") 

    private val timeHours = arrayOf("0", "1", "2", "3", "4", "5", "6", "7", "8", "9","10","11", 
      "12", "13", "14", "15" ,"16", "17", "18", "19", "20", "21", "22", "23", "24", "25", 
      "26", "27", "28", "29" ,"30", "31", "32", "33", "34", "35", "36", "37", "38", "39", 
      "40", "41", "42", "43" ,"44", "45", "46", "47", "48", "49", "50", "51", "52", "53", 
      "54", "55", "56", "57" ,"58", "59","60","61","62","63","64","65","66","67","68","69", 
      "70","71","72","73","74","75","76","77","78","79","80","81","82","83","84","85","86", 
      "87","88","89","90") 

    private var hoursListView : ListView? = null 
    private var minutesListView : ListView? = null 
    private var secondsListView : ListView? = null 

    private var selectedItemHoursL : View? = null 
    private var selectedItemMinutesL : View? = null 
    private var selectedItemSecondsL : View? = null 
    private var linearLayout : LinearLayout? = null 

    private var oneTimeH : Boolean = true 
    private var oneTimeM : Boolean = true 
    private var oneTimeS : Boolean = true 

    override fun onCreate(savedInstanceState: Bundle?) { 
     super.onCreate(savedInstanceState) 
     setContentView(R.layout.activity_time_picker) 

     AdjustLayoutSize() 
     InitializeListView() 
    } 

    private fun InitializeListView() 
    { 
     hoursListView = findViewById(R.id.HoursListView) as ListView 
     minutesListView = findViewById(R.id.MinutesListView) as ListView 
     secondsListView = findViewById(R.id.SecondsListView) as ListView 

     hoursListView!!.setSelector(R.color.ListViewItemsColor) 
     minutesListView!!.setSelector(R.color.ListViewItemsColor) 
     secondsListView!!.setSelector(R.color.ListViewItemsColor) 

     hoursListView!!.setOnScrollListener(this) 
     minutesListView!!.setOnScrollListener(this) 
     secondsListView!!.setOnScrollListener(this) 

     val hoursAdapter = ArrayAdapter(this, R.layout.layout_for_listview_elements, timeHours) 
     val secMinAdapter = ArrayAdapter(this, R.layout.layout_for_listview_elements, timeSecondsAndMinutes) 

     val circularHoursAdapter = CircularListAdapter(hoursAdapter) 
     val circularMinSecAdapter = CircularListAdapter(secMinAdapter) 

     hoursListView!!.adapter = circularHoursAdapter 
     minutesListView!!.adapter = circularMinSecAdapter 
     secondsListView!!.adapter = circularMinSecAdapter 

     hoursListView!!.setSelection(544) 
     minutesListView!!.setSelection(358) 
     secondsListView!!.setSelection(358) 
    } 

    override fun onScroll(listViewSelected: AbsListView?, firstVisibleItem: Int, visibleItemCount: Int, totalItemCount: Int) 
    { 
     if(firstVisibleItem != 0 && visibleItemCount != 0) 
     { 
      if (listViewSelected!!.id == hoursListView!!.id) { 
       if(oneTimeH){ 
        SelectionNumberBackground(listViewSelected, hoursListView, R.drawable.selecteditem_hhss_bg) 
        oneTimeH = false 
       } 
      } else if (listViewSelected.id == minutesListView!!.id) { 
       if(oneTimeM) { 
        SelectionNumberBackground(listViewSelected, minutesListView, R.drawable.selecteditem_mm_bg) 
        oneTimeM = false 
       } 
      } else if (listViewSelected.id == secondsListView!!.id) { 
       if(oneTimeS) { 
        SelectionNumberBackground(listViewSelected, secondsListView, R.drawable.selecteditem_hhss_bg) 
        oneTimeS = false 
       } 
      } 
     } 
    } 

    override fun onScrollStateChanged(p0: AbsListView?, p1: Int) 
    { 
     ChangeSelectionInList(p0) 

     if (p1 == AbsListView.OnScrollListener.SCROLL_STATE_IDLE) 
     { 
      if(p0!!.id == hoursListView!!.id) { 
       SelectionNumberBackground(p0, hoursListView,R.drawable.selecteditem_hhss_bg) 
      } 
      else if(p0.id == minutesListView!!.id){ 
       SelectionNumberBackground(p0,minutesListView,R.drawable.selecteditem_mm_bg) 
      } 
      else if(p0.id == secondsListView!!.id){ 
       SelectionNumberBackground(p0,secondsListView,R.drawable.selecteditem_hhss_bg) 
      } 
     } 
    } 

    private fun SelectionNumberBackground(p0 : AbsListView?, MainListView : ListView?, background : Int) 
    { 
     p0!!.setSelection(p0.firstVisiblePosition) 
     val middleView = p0.firstVisiblePosition + 2 
     val firstView = p0.firstVisiblePosition - MainListView!!.headerViewsCount 
     val middleItem = middleView - firstView 
     if (middleItem < 0 || middleItem >= p0.childCount) { 
      return 
     } 
     val thirdView = p0.getChildAt(middleItem) 
     thirdView.setBackgroundResource(background) 
     if(p0.id == hoursListView!!.id){ 
      selectedItemHoursL = thirdView 
     } 
     else if(p0.id == minutesListView!!.id){ 
      selectedItemMinutesL = thirdView 
     } 
     else if(p0.id == secondsListView!!.id){ 
      selectedItemSecondsL = thirdView 
     } 
    } 

    private fun ChangeSelectionInList(p0: AbsListView?) 
    { 
     if(p0!!.id == hoursListView!!.id) { 
      if (selectedItemHoursL != null) { 
       selectedItemHoursL!!.setBackgroundResource(R.color.ListViewItemsColor) 
      } 
     } 
     else if(p0.id == minutesListView!!.id){ 
      if(selectedItemMinutesL != null){ 
       selectedItemMinutesL!!.setBackgroundResource(R.color.ListViewItemsColor) 
      } 
     } 
     else if(p0.id == secondsListView!!.id){ 
      if(selectedItemSecondsL != null){ 
       selectedItemSecondsL!!.setBackgroundResource(R.color.ListViewItemsColor) 
      } 
     } 
    } 

    private fun AdjustLayoutSize() 
    { 
     //For resolution 
     val display = windowManager.defaultDisplay 
     val size = Point() 
     display.getSize(size) 
     //Get DPI 
     val displayMetrics = DisplayMetrics() 
     windowManager.defaultDisplay.getMetrics(displayMetrics) 
     //Initialize LinearLayout for changing TimePicker Dialog Size; 
     linearLayout = findViewById(R.id.TimePickerLayout) as LinearLayout 
     val layoutParams = linearLayout!!.layoutParams as ViewGroup.MarginLayoutParams 
     //Nexus 5X device 420dpi 1080x1920 == 1794 
     if(size.y >= 1794 && size.y < 1920){ 
      layoutParams.topMargin = 656 
      layoutParams.rightMargin = 80 
      layoutParams.leftMargin = 80 
     } 
     //Redmi note 3 DPI 480 1080x1920 
     else if(size.y == 1920){ 
      layoutParams.topMargin = 630 
      layoutParams.rightMargin = 80 
      layoutParams.leftMargin = 80 
     } 
     //Pixel XL device 480dpi 1440x2560 == 2416 
     else if(size.y > 1920 && displayMetrics.densityDpi >= 480){ 
      layoutParams.topMargin = 1098 
      layoutParams.rightMargin = 125 
      layoutParams.leftMargin = 125 
     } 
    } 

    override fun onBackPressed() { 
     super.onBackPressed() 
     finish() 
     overridePendingTransition(R.anim.top_to_bottom1,R.anim.top_to_bottom2) 
    } 
}

來源

2017-07-19 08:10:17

使用此代碼，當點擊的EditText可供選擇時間選取dilog的時間。

eReminderTime.setOnClickListener(new OnClickListener() { 

     @Override 
     public void onClick(View v) { 
      // TODO Auto-generated method stub 
      Calendar mcurrentTime = Calendar.getInstance(); 
      int hour = mcurrentTime.get(Calendar.HOUR_OF_DAY); 
      int minute = mcurrentTime.get(Calendar.MINUTE); 
      TimePickerDialog mTimePicker; 
      mTimePicker = new TimePickerDialog(AddReminder.this, new TimePickerDialog.OnTimeSetListener() { 
       @Override 
       public void onTimeSet(TimePicker timePicker, int selectedHour, int selectedMinute) { 
        eReminderTime.setText(selectedHour + ":" + selectedMinute); 
       } 
      }, hour, minute, true);//Yes 24 hour time 
      mTimePicker.setTitle("Select Time"); 
      mTimePicker.show(); 

     } 
    });

來源

2017-07-18 06:42:26

如何使計時器的時間選擇器對話框

回答

相關問題