안 드 로 이 드 모 의 정시 알 람 시간 기어 미끄럼 효과

정시 알 람 에 설 치 된 시간의 미끄럼 효과 가 매우 보기 좋 은 것 을 보고 저 는 그런 것 을 만 들 고 싶 었 습 니 다.인터넷 에서 자 료 를 검색 하기 시 작 했 습 니 다.인터넷 에 있 는 기어 효과 의 코드 가 매우 많 고 이해 하기 어 려 웠 습 니 다.저 는 스스로 연구 하기 로 결 정 했 습 니 다.지금 제 연구 성 과 를 여러분 께 공유 하 겠 습 니 다.내 가 연구 한 이 효과 가 나 왔 고 코드 도 매우 간단 하 며 알 기 쉽다.효과 도 는 다음 과 같다.

먼저 MainActivity 의 레이아웃 파일 입 니 다.이 레이아웃 파일 은 매우 간단 합 니 다.바로 Button:activity 입 니 다.main.xml 파일,코드 는 다음 과 같 습 니 다.

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:id="@+id/ll_timeset" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent" 
  android:background="#ffffff" 
  android:orientation="vertical" > 
 
  <Button 
    android:id="@+id/btn" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:gravity="center" 
    android:text="    " 
    android:textSize="24sp" /> 
 
</LinearLayout> 
다음은 MainActivity 의 코드 입 니 다.코드 는 다음 과 같 습 니 다.

package net.loonggg.test; 
 
import net.loonggg.view.CustomerDateDialog; 
import net.loonggg.view.CustomerDateDialog.DateDialogListener; 
import android.app.Activity; 
import android.os.Bundle; 
import android.text.format.DateFormat; 
import android.view.View; 
import android.view.Window; 
import android.widget.Button; 
import android.widget.Toast; 
 
public class MainActivity extends Activity { 
  private int h, m; 
  private CustomerDateDialog dialog; 
  private Button btn; 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    requestWindowFeature(Window.FEATURE_NO_TITLE); 
    setContentView(R.layout.activity_main); 
    btn = (Button) findViewById(R.id.btn); 
    btn.setOnClickListener(new View.OnClickListener() { 
 
      @Override 
      public void onClick(View v) { 
        String datetime = DateFormat.format("kk:mm", 
            System.currentTimeMillis()).toString(); 
        String[] strs = datetime.split(":"); 
        h = Integer.parseInt(strs[0]); 
        m = Integer.parseInt(strs[1]); 
        dialog = new CustomerDateDialog(MainActivity.this, h, m); 
        dialog.show(); 
        dialog.setOnDateDialogListener(new DateDialogListener() { 
          @Override 
          public void getDate() { 
            Toast.makeText( 
                MainActivity.this, 
                "   :" + dialog.getSettingHour() + " " 
                    + dialog.getSettingMinute() + " ", 
                Toast.LENGTH_LONG).show(); 
          } 
        }); 
 
      } 
    }); 
 
  } 
 
} 
그리고 저 는 시계의 Dialog 를 사용자 정의 하 였 습 니 다.사용자 정의 Dialog 도 매우 간단 합 니 다.스스로 배 울 수 있 습 니 다.이 분야 의 인터넷 자 료 는 매우 많 습 니 다.이제 사용자 정의 시계의 Dialog 코드 를 공유 하 겠 습 니 다.코드 는 다음 과 같 습 니 다.

package net.loonggg.view; 
 
import net.loonggg.test.R; 
import android.annotation.SuppressLint; 
import android.app.Dialog; 
import android.content.Context; 
import android.os.Bundle; 
import android.os.Handler; 
import android.view.LayoutInflater; 
import android.view.MotionEvent; 
import android.view.View; 
import android.view.View.OnTouchListener; 
import android.view.ViewTreeObserver; 
import android.view.ViewTreeObserver.OnGlobalLayoutListener; 
import android.widget.Button; 
import android.widget.LinearLayout; 
import android.widget.ScrollView; 
import android.widget.TextView; 
 
@SuppressLint("HandlerLeak") 
public class CustomerDateDialog extends Dialog { 
  private View customView; 
  private Button setBtn; 
  private Button cancleBtn; 
  private TextView arrow_up; 
  private TextView tv01, tv02; 
  private ScrollView sv01, sv02; 
  private LinearLayout llTimeWheel; 
  private DateDialogListener listener; 
  private int lastY; 
  private int flag;//      
  private int itemHeight;//        
  private int pHour, pMinute;//             
  private int setHour, setMinute; 
 
  public CustomerDateDialog(Context context, int hour, int minute) { 
    super(context, R.style.CustomerDateDialog); 
    customView = LayoutInflater.from(context).inflate(R.layout.time_wheel, 
        null); 
    init(context, hour, minute); 
  } 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    this.setContentView(customView); 
  } 
 
  private void init(Context context, final int hour, final int minute) { 
    tv01 = (TextView) customView.findViewById(R.id.tv01); 
    tv02 = (TextView) customView.findViewById(R.id.tv02); 
    sv01 = (ScrollView) customView.findViewById(R.id.sv01); 
    sv02 = (ScrollView) customView.findViewById(R.id.sv02); 
    setBtn = (Button) customView.findViewById(R.id.setBtn); 
    cancleBtn = (Button) customView.findViewById(R.id.cancleBtn); 
    arrow_up = (TextView) customView.findViewById(R.id.arrow_up); 
    this.pHour = hour; 
    this.pMinute = minute; 
    setHour = pHour; 
    setMinute = pMinute; 
 
    llTimeWheel = (LinearLayout) customView 
        .findViewById(R.id.ll_time_wheel); 
    setHourDial(tv01); 
    setMinuteDial(tv02); 
 
    sv01.setOnTouchListener(tListener); 
    sv02.setOnTouchListener(tListener); 
 
    final ViewTreeObserver observer = sv01.getViewTreeObserver();// observer 
                                    //                      ,      0 
    observer.addOnGlobalLayoutListener(new OnGlobalLayoutListener() { 
 
      @SuppressWarnings("deprecation") 
      public void onGlobalLayout() { 
        int tvHeight = tv02.getHeight(); 
        itemHeight = tvHeight / 180; 
        if (sv01.getViewTreeObserver().isAlive()) { 
          sv01.getViewTreeObserver().removeGlobalOnLayoutListener( 
              this); 
        } 
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( 
            LinearLayout.LayoutParams.FILL_PARENT, (itemHeight * 3) 
                + arrow_up.getHeight() * 2); 
        llTimeWheel.setLayoutParams(params); 
        sv01.setLayoutParams(new LinearLayout.LayoutParams(tv02 
            .getWidth(), (itemHeight * 3))); 
        sv02.setLayoutParams(new LinearLayout.LayoutParams(tv02 
            .getWidth(), (itemHeight * 3))); 
        sv01.scrollTo(0, (pHour + 23) * itemHeight); 
        sv02.scrollTo(0, (pMinute + 59) * itemHeight); 
 
      } 
    }); 
 
    setBtn.setOnClickListener(new View.OnClickListener() { 
 
      @Override 
      public void onClick(View v) { 
        getSettingDate(); 
        CustomerDateDialog.this.cancel(); 
      } 
    }); 
 
    cancleBtn.setOnClickListener(new View.OnClickListener() { 
 
      @Override 
      public void onClick(View v) { 
        CustomerDateDialog.this.cancel(); 
      } 
    }); 
  } 
 
  private OnTouchListener tListener = new OnTouchListener() { 
 
    public boolean onTouch(View v, MotionEvent event) { 
      if (v == sv01) { 
        flag = 1; 
      } else { 
        flag = 2; 
      } 
      if (event.getAction() == MotionEvent.ACTION_UP) { 
        final ScrollView sv = (ScrollView) v; 
        lastY = sv.getScrollY(); 
        System.out.println("lastY" + lastY); 
        handler.sendMessageDelayed(handler.obtainMessage(0, v), 50); 
      } 
      return false; 
    } 
  }; 
 
  private Handler handler = new Handler() { 
    @SuppressLint("HandlerLeak") 
    public void handleMessage(android.os.Message msg) { 
      ScrollView sv = (ScrollView) msg.obj; 
 
      if (msg.what == 0) { 
        if (lastY == sv.getScrollY()) { 
 
          int num = lastY / itemHeight; 
          int over = lastY % itemHeight; 
          if (over > itemHeight / 2) {//           
            locationTo((num + 1) * itemHeight, sv, flag); 
          } else {//           
            locationTo(num * itemHeight, sv, flag); 
          } 
        } else { 
          lastY = sv.getScrollY(); 
          handler.sendMessageDelayed(handler.obtainMessage(0, sv), 50);//        50      
        } 
      } 
 
    }; 
  }; 
 
  private void locationTo(int position, ScrollView scrollview, int flag) { 
    switch (flag) { 
    case 1: 
      int mPosition = 0; 
      if (position <= 23 * itemHeight) { 
        mPosition = position + 24 * itemHeight; 
        scrollview.scrollTo(0, mPosition); 
      } else if (position >= 48 * itemHeight) { 
        mPosition = position - 24 * itemHeight; 
        scrollview.scrollTo(0, mPosition); 
      } else { 
        mPosition = position; 
        scrollview.smoothScrollTo(0, position); 
      } 
      setHour = (mPosition / itemHeight - 23) % 24; 
      break; 
 
    case 2: 
      int hPosition = 0; 
      if (position <= 57 * itemHeight) { 
        hPosition = position + 60 * itemHeight; 
        scrollview.scrollTo(0, hPosition); 
      } else if (position >= 120 * itemHeight) { 
        hPosition = position - 60 * itemHeight; 
        scrollview.scrollTo(0, hPosition); 
      } else { 
        hPosition = position; 
        scrollview.smoothScrollTo(0, position); 
      } 
      setMinute = (hPosition / itemHeight) % 60 + 1; 
      break; 
    } 
 
  } 
 
  /** 
   *        
   * 
   * @param tv 
   */ 
 
  private void setMinuteDial(TextView tv) { 
    StringBuffer buff = new StringBuffer(); 
    for (int i = 0; i < 3; i++) { 
      for (int j = 0; j < 60; j++) { 
        if (j <= 9) { 
          buff.append("0" + j); 
        } else { 
          buff.append(j + ""); 
        } 
      } 
    } 
 
    tv.setText(buff); 
  } 
 
  /** 
   *        
   * 
   * @param tv 
   */ 
  private void setHourDial(TextView tv) { 
    StringBuffer buff = new StringBuffer(); 
    for (int i = 0; i < 3; i++) { 
      for (int j = 0; j < 24; j++) { 
        if (j <= 9) { 
          buff.append("0" + j); 
        } else { 
          buff.append(j + ""); 
        } 
      } 
 
    } 
 
    tv.setText(buff); 
  } 
 
  public void setpHour(int pHour) { 
    this.pHour = pHour; 
  } 
 
  public void setpMinute(int pMinute) { 
    this.pMinute = pMinute; 
  } 
 
  public void setOnDateDialogListener(DateDialogListener listener) { 
    this.listener = listener; 
  } 
 
  public interface DateDialogListener { 
    void getDate(); 
  } 
 
  public void getSettingDate() { 
    if (listener != null) { 
      listener.getDate(); 
    } 
  } 
 
  public int getSettingHour() { 
    return setHour; 
  } 
 
  public int getSettingMinute() { 
    return setMinute; 
  } 
 
} 
자바 코드 만 으로 는 부족 합 니 다.Dialog 를 사용자 정의 하 는 레이아웃 파일 도 있 습 니 다.timewheel.xml 코드 는 다음 과 같 습 니 다.

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="fill_parent" 
  android:layout_height="wrap_content" 
  android:background="#efefef" 
  android:orientation="vertical" > 
 
  <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="@color/light_black" 
    android:paddingLeft="10dp" 
    android:text="    " 
    android:textColor="@color/black" 
    android:textSize="24sp" /> 
 
  <!--         --> 
 
  <LinearLayout 
    android:id="@+id/ll_time_wheel" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="15dp" 
    android:background="#f0f0f0" 
    android:gravity="center_horizontal" 
    android:orientation="horizontal" > 
 
    <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" > 
 
      <TextView 
        android:layout_width="30dp" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center_horizontal" 
        android:background="@drawable/wheel_arrow_up" /> 
 
      <ScrollView 
        android:id="@+id/sv01" 
        android:layout_width="50dp" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center_horizontal" 
        android:background="@drawable/time_bg" 
        android:scrollbars="none" > 
 
        <LinearLayout 
          android:id="@+id/ll01" 
          android:layout_width="50dp" 
          android:layout_height="wrap_content" 
          android:gravity="center" 
          android:orientation="horizontal" 
          android:paddingTop="5dp" > 
 
          <TextView 
            android:id="@+id/tv01" 
            android:layout_width="50dp" 
            android:layout_height="wrap_content" 
            android:gravity="center" 
            android:lineSpacingExtra="20dp" 
            android:paddingLeft="10dp" 
            android:paddingRight="10dp" 
            android:textSize="26sp" /> 
        </LinearLayout> 
      </ScrollView> 
 
      <TextView 
        android:layout_width="30dp" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center_horizontal" 
        android:background="@drawable/wheel_arrow_down" /> 
    </LinearLayout> 
 
    <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="fill_parent" 
      android:layout_gravity="center" 
      android:background="#f0f0f0" 
      android:gravity="center" 
      android:text=" " 
      android:textColor="#000000" 
      android:textSize="25sp" /> 
 
    <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" > 
 
      <TextView 
        android:id="@+id/arrow_up" 
        android:layout_width="30dp" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center_horizontal" 
        android:background="@drawable/wheel_arrow_up" /> 
 
      <ScrollView 
        android:id="@+id/sv02" 
        android:layout_width="50dp" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center_horizontal" 
        android:background="@drawable/time_bg" 
        android:scrollbars="none" > 
 
        <LinearLayout 
          android:id="@+id/ll02" 
          android:layout_width="50dp" 
          android:layout_height="wrap_content" 
          android:gravity="center" 
          android:paddingTop="5dp" > 
 
          <TextView 
            android:id="@+id/tv02" 
            android:layout_width="50dp" 
            android:layout_height="wrap_content" 
            android:gravity="center" 
            android:lineSpacingExtra="20dp" 
            android:paddingLeft="10dp" 
            android:paddingRight="10dp" 
            android:textSize="26sp" /> 
        </LinearLayout> 
      </ScrollView> 
 
      <TextView 
        android:id="@+id/arrow_down" 
        android:layout_width="30dp" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center_horizontal" 
        android:background="@drawable/wheel_arrow_down" /> 
    </LinearLayout> 
 
    <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="fill_parent" 
      android:layout_gravity="center" 
      android:background="#f0f0f0" 
      android:gravity="center" 
      android:text=" " 
      android:textColor="#000000" 
      android:textSize="25sp" /> 
  </LinearLayout> 
 
  <!--         --> 
 
  <RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="50dp" > 
 
    <Button 
      android:id="@+id/setBtn" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_gravity="center_horizontal" 
      android:layout_marginLeft="25dp" 
      android:background="@drawable/btn_clock_normal" 
      android:gravity="center" 
      android:paddingLeft="10dp" 
      android:paddingRight="10dp" 
      android:text="  " 
      android:textColor="#000000" 
      android:textSize="24sp" /> 
 
    <Button 
      android:id="@+id/cancleBtn" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_gravity="center_horizontal" 
      android:layout_marginRight="25dp" 
      android:background="@drawable/btn_clock_normal" 
      android:gravity="center" 
      android:paddingLeft="10dp" 
      android:paddingRight="10dp" 
      android:text="  " 
      android:textColor="#000000" 
      android:textSize="24sp" /> 
  </RelativeLayout> 
 
</LinearLayout> 
사용자 정의 Dialog 스타일 을 더 예 쁘 게 만 들 기 위해 서 는 스타일 을 사용자 정의 하 는 Style 이 필요 합 니 다.Style 의 코드 는 다음 과 같 습 니 다.

<style name="CustomerDateDialog" parent="@android:Theme.Dialog"> 
    <item name="android:windowFrame">@null</item> 
    <item name="android:windowNoTitle">true</item> 
    <item name="android:windowBackground">@color/light_grey</item> 
    <item name="android:windowIsFloating">true</item> 
    <item name="android:windowContentOverlay">@null</item> 
  </style> 
여기까지 면 거의 다 야.알 아 봤 어?잘 연구 해 봐!
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기