본문 바로가기
Smart Device/Android

Animation으로 막대그래프 만들기

by 언덕너머에 2015. 8. 12.

- res/layout/activity_main.xml

 <LinearLayout 

    xmlns:android="http://schemas.android.com/apk/res/android"       

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/mainLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
    </LinearLayout>

</LinearLayout>


- /res/anim/grow.xml

 <?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale android:fromXScale="0.0" android:toXScale="1.0"
        android:fromYScale="1" android:toYScale="1"
        android:pivotX="0%p" android:pivotY="50%p"
        android:duration="3000" />
</set>


- MainActivity.java

package kr.co.XXX.mygraphanimation;


import android.content.res.Resources;

import android.graphics.Color;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.Gravity;

import android.view.animation.Animation;

import android.view.animation.AnimationUtils;

import android.widget.LinearLayout;

import android.widget.ProgressBar;

import android.widget.TextView;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    LinearLayout mainLayout;
    Resources res;
    Animation growAnim;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        res = getResources();

        growAnim = AnimationUtils.loadAnimation(this, R.anim.grow);
        mainLayout = (LinearLayout)findViewById(R.id.mainLayout);

        addItem("Red", 80, Color.RED);
        addItem("Green", 100, Color.GREEN);
        addItem("Blue", 40, Color.BLUE);
    }

    private void addItem(String name, int value, int color) {
        LinearLayout itemLayout = new LinearLayout(this);
        itemLayout.setOrientation(LinearLayout.HORIZONTAL);

        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT);

        LinearLayout.LayoutParams params2 = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT);

        LinearLayout.LayoutParams params3 = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT);

        // 텍스트뷰 추가
        TextView textView = new TextView(this);
        textView.setText(name);
        params.width = 180;
        params.setMargins(0, 4, 0, 4);
        itemLayout.addView(textView, params);

        // 프로그레스바 추가
        ProgressBar proBar = new ProgressBar(this, null, 
                                  android.R.attr.progressBarStyleHorizontal);
        proBar.setIndeterminate(false);
        proBar.setMax(100);
        proBar.setProgress(100);
        if(color == Color.RED)
            proBar.setProgressDrawable(
               getResources().getDrawable(R.drawable.progressbar_color_red));
        else if(color == Color.GREEN)
            proBar.setProgressDrawable(
             getResources().getDrawable(R.drawable.progressbar_color_green));
        else if(color == Color.BLUE)
            proBar.setProgressDrawable(
              getResources().getDrawable(R.drawable.progressbar_color_blue));

        proBar.setAnimation(growAnim);

        params2.height = 3;
        params2.width = value * 3;
        params2.gravity = Gravity.CENTER_VERTICAL;
        itemLayout.addView(proBar, params2);

        mainLayout.addView(itemLayout, params3);
    }

    public void onWindowFocusChanged(boolean hasFocus) {
        super.onWindowFocusChanged(hasFocus);

        Toast.makeText(getApplicationContext(), 
            "onWindowFocusChanged : " + hasFocus, Toast.LENGTH_SHORT).show();

        if(hasFocus) {
            growAnim.start();
        } else {
            growAnim.reset();
        }
    }
}


- res/drawable/progressbar_color_blue.xml

<?xml version="1.0" encoding="utf-8"?>

<layer-list

    xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@android:id/progress">

        <clip>

            <shape>

                <corners android:radius="1.0px" />

                <gradient android:startColor="#0000ff" 

                          android:endColor="#0000ff"                  

                          android:angle="0.0"

                          android:centerY="0.75" 

                          android:centerColor="#0000ff" />

            </shape>

        </clip>

    </item>

</layer-list>


- res/drawable/progressbar_color_green.xml

<?xml version="1.0" encoding="utf-8"?>

<layer-list

    xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@android:id/progress">

        <clip>

            <shape>

                <corners android:radius="1.0px" />

                <gradient android:startColor="#00ff00" 

                          android:endColor="#00ff00" 

                          android:angle="0.0"

                          android:centerY="0.75" 

                          android:centerColor="#00ff00" />

            </shape>

        </clip>

    </item>

</layer-list>


- res/drawable/progressbar_color_red.xml

 <?xml version="1.0" encoding="utf-8"?>

<layer-list

    xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@android:id/progress">

        <clip>

            <shape>

                <corners android:radius="1.0px" />

                <gradient android:startColor="#ff0000" 

                          android:endColor="#ff0000" 

                          android:angle="0.0"

                          android:centerY="0.75" 

                          android:centerColor="#ff0000" />  

            </shape>

        </clip>

    </item>

</layer-list>









저작자표시 비영리 변경금지

'Smart Device > Android' 카테고리의 다른 글

Material icons  (0) 2017.01.29
Interpolator  (0) 2017.01.28
Thread - AsyncTask 사용하기  (1) 2015.08.10
Thread - Handler를 이용해 Runrable 객체를 실행하기  (0) 2015.07.30
Thread - Handler를 이용해 Message Queue를 전달하는 방식  (0) 2015.07.30

관련글

티스토리툴바