사용자 정의 RatingBar / SeekBar, 리 셋 스타일

9681 단어 androidxml
안 드 로 이 드 시스템 은 별 을 가지 고 있 습 니 다. 우 리 는 원 하 는 그림 을 마음대로 바 꿀 수 없습니다. 다음은 제 가 자신의 RatingBar 스타일 을 만 드 는 방법 에 대해 이야기 하 겠 습 니 다.
    1. res / data / style. xml 파일 에서 스타일 을 정의 합 니 다.

<resources>
    <style name="myratingbar"    
               parent="@android:style/Widget.RatingBar.Small">
         <item 
              name="android:progressDrawable">
              @drawable/myratingbar
         </item>
         <item name="android:minHeight">36dip</item>
         <item name="android:maxHeight">36dip</item>
    <style>
</resources>

그 중에서 상 속 된 부 류 는 RatingBar, RatingBar. Indicator, RatingBar. Small 을 선택 할 수 있 습 니 다.
    크기 는 스스로 정의 할 수 있다.
    메모: RatingBar, RatingBar. Indicator, RatingBar. Small 의 차이 점 은 디 스 플레이 크기 가 다른 것 을 제외 하고 Ratingbar 의 IsIndicator 속성 은 false 이 고 다른 두 가 지 는 true 입 니 다. 이 속성 은 false 로 사용 할 수 있 는 클릭 이 벤트 를 표시 합 니 다. 이 방식 을 통 해 사용자 와 상호작용 할 수 있 습 니 다.
2. res / drawable / my ratingbar. xml 파일 에 서로 다른 그림 자원 을 지정 합 니 다.

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
	<item android:id="@+android:id/background" 
	android:drawable="@drawable/myratingbar_off" />
	<item android:id="@+android:id/secondaryProgress"
		android:drawable="@drawable/myratingbar_half" />
	<item android:id="@+android:id/progress" 
	android:drawable="@drawable/myratingbar_on" />
</layer-list> 

android 평가 줄 RatingBar 사용자 정의 설정
http://fariytale.iteye.com/blog/1260673
RatingBar 사용자 정의 설정
http://wang-peng1.iteye.com/blog/720956
SeekBar 사용자 정의
http://heji.iteye.com/blog/669266
Android 에서 SeekBar 스타일 수정
http://blog.csdn.net/vrix/archive/2010/08/03/5785676.aspx
수직 으로 보 이 는 SeekBar

import android.content.Context;

import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.widget.AbsSeekBar;


public class VerticalSeekBar extends AbsSeekBar {
    private Drawable mThumb;
    private int height;
    private int width;
    public interface OnSeekBarChangeListener {
        void onProgressChanged(VerticalSeekBar VerticalSeekBar, int progress, boolean fromUser);
        void onStartTrackingTouch(VerticalSeekBar VerticalSeekBar);
        void onStopTrackingTouch(VerticalSeekBar VerticalSeekBar);
    }

    private OnSeekBarChangeListener mOnSeekBarChangeListener;
    
    public VerticalSeekBar(Context context) {
        this(context, null);
    }
    
    public VerticalSeekBar(Context context, AttributeSet attrs) {
        this(context, attrs, android.R.attr.seekBarStyle);
    }

    public VerticalSeekBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

	public void setOnSeekBarChangeListener(OnSeekBarChangeListener l) {
        mOnSeekBarChangeListener = l;
    }
    
    void onStartTrackingTouch() {
        if (mOnSeekBarChangeListener != null) {
            mOnSeekBarChangeListener.onStartTrackingTouch(this);
        }
    }
    
    void onStopTrackingTouch() {
        if (mOnSeekBarChangeListener != null) {
            mOnSeekBarChangeListener.onStopTrackingTouch(this);
        }
    }
    
    
    void onProgressRefresh(float scale, boolean fromUser) {
        Drawable thumb = mThumb;
        if (thumb != null) {
            setThumbPos(getHeight(), thumb, scale, Integer.MIN_VALUE);
            invalidate();
        }
        if (mOnSeekBarChangeListener != null) {
        	mOnSeekBarChangeListener.onProgressChanged(this, getProgress(), fromUser);
        }
    }

        private void setThumbPos(int w, Drawable thumb, float scale, int gap) {
            int available = w+getPaddingLeft()-getPaddingRight();
            int thumbWidth = thumb.getIntrinsicWidth();
            int thumbHeight = thumb.getIntrinsicHeight();
            available -= thumbWidth;
            // The extra space for the thumb to move on the track
            available += getThumbOffset() * 2;
            int thumbPos = (int) (scale * available);
            int topBound, bottomBound;
            if (gap == Integer.MIN_VALUE) {
                Rect oldBounds = thumb.getBounds();
                topBound = oldBounds.top;
                bottomBound = oldBounds.bottom;
            } else {
                topBound = gap;
                bottomBound = gap + thumbHeight;
            }
            thumb.setBounds(thumbPos, topBound, thumbPos + thumbWidth, bottomBound);
        }
        protected void onDraw(Canvas c)
        {
                c.rotate(-90);
                c.translate(-height,0);
                super.onDraw(c);
        }
        protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
        {
        		width = 22;
        		height = 160;
                this.setMeasuredDimension(width, height);

        }
	@Override
	public void setThumb(Drawable thumb)
	{
        mThumb = thumb;
		super.setThumb(thumb);
	}
    protected void onSizeChanged(int w, int h, int oldw, int oldh)
    {
            super.onSizeChanged(h, w, oldw, oldh);
    }   
    public boolean onTouchEvent(MotionEvent event) {
        if (!isEnabled()) {
            return false;
        }        
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                setPressed(true);
                onStartTrackingTouch();
                trackTouchEvent(event);
                break;
                
            case MotionEvent.ACTION_MOVE:
                trackTouchEvent(event);
                attemptClaimDrag();
                break;
                
            case MotionEvent.ACTION_UP:
                trackTouchEvent(event);
                onStopTrackingTouch();
                setPressed(false);
                break;
                
            case MotionEvent.ACTION_CANCEL:
                onStopTrackingTouch();
                setPressed(false);
                break;
        }
        return true;
    }
    private void trackTouchEvent(MotionEvent event) {
        final int Height = getHeight();
        final int available = Height - getPaddingBottom() - getPaddingTop();
        int Y = (int)event.getY();
        float scale;
        float progress = 0;
        if (Y > Height - getPaddingBottom()) {
            scale = 0.0f;
        } else if (Y  < getPaddingTop()) {
            scale = 1.0f;
        } else {
            scale = (float)(Height - getPaddingBottom()-Y) / (float)available;
        }
        
        final int max = getMax();
        progress = scale * max;
        
        setProgress((int) progress);
    }
    
    private void attemptClaimDrag() {
        if (getParent() != null) {
        	getParent().requestDisallowInterceptTouchEvent(true);
        }
    }
    public boolean dispatchKeyEvent(KeyEvent event) {
    	if(event.getAction()==KeyEvent.ACTION_DOWN)
    	{
    		KeyEvent newEvent = null;
    		switch(event.getKeyCode())
    		{
    			case KeyEvent.KEYCODE_DPAD_UP:
    				newEvent = new KeyEvent(KeyEvent.ACTION_DOWN,KeyEvent.KEYCODE_DPAD_RIGHT);
    				break;
    			case KeyEvent.KEYCODE_DPAD_DOWN:
    				newEvent = new KeyEvent(KeyEvent.ACTION_DOWN,KeyEvent.KEYCODE_DPAD_LEFT);
    				break;
    			case KeyEvent.KEYCODE_DPAD_LEFT:
    				newEvent = new KeyEvent(KeyEvent.ACTION_DOWN,KeyEvent.KEYCODE_DPAD_DOWN);
    				break;
    			case KeyEvent.KEYCODE_DPAD_RIGHT:
    				newEvent = new KeyEvent(KeyEvent.ACTION_DOWN,KeyEvent.KEYCODE_DPAD_UP);
    				break;
    			default:
    				newEvent = new KeyEvent(KeyEvent.ACTION_DOWN,event.getKeyCode());
					break;
    		}
    		return newEvent.dispatch(this);
    	}
    	return false;
     	}
}

SeekBar 에서 최대 값 으로 끌 수 없 는 해결 방법:
seekbar 의 android: layotwidth 를 fill 로 설정parent。
seekbar 의 max 값 이 비교적 작다 면 마지막 최대 값 으로 끌 수 없습니다.
해결 방법 은 간단 합 니 다. padding:
android:paddingLeft="13dip"
android:paddingRight="13dip"

좋은 웹페이지 즐겨찾기