نمودار ستونی

jbRhmNqb 5 سال پیش 5 سال پیش

یک ویو که داخلش نمودار ستونی برای داده ها از جنس long هست

با سلام برای شروع باید داخل لایه main یک HorizontalScrollView با آیدی chart قرار بدین و LinearLayout داخلش آیدی columns داشته باشه بعد داخل اکتیویتی باید متد setColumnChart رو کپی کنین و صدا بزنین که دوتا پارامتر داره:

همون HorizontalScrollView
یک hashmap که هر جزئش یک key value داره که key همون عنوان ستون و value هم مقدار عددی مربوط به اون هست

حالا خودتون برین این ویژگی رو بهش اضافه کنین که هروقت کاربر روی یک ستون کلیک کرد یک popupWindow باز بشه و مقدار اون ستون نمایش داده بشه و یا اینکه به صورت اتوماتیک داخل ستون یا بالای ستون مقدارش نمایش داده بشه که خیلی قشنگ تر میشه دیگه اینو نذاشتم که یه موقع لقمه حاضر آماده نداشته باشین!

اسنیپ

ActivityStartup.javacolumn_view.xmlimg_buttons_background.xmlmain.xml+

package jbrhmnqb.custom_views;

import java.util.Iterator;
import java.util.LinkedHashMap;
import java.util.Map.Entry;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.os.Handler;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;


public class ActivityStartup extends Activity {

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

        LinkedHashMap<String, Long> values = new LinkedHashMap<String, Long>();
        for (int y = 0; y < 40; y++) {
            values.put(y + "دیتا", (long) (Math.random() * 1000));
        }

        setColumnChart(findViewById(R.id.chart), values);
    }


    private void setColumnChart(final View chart, final LinkedHashMap<String, Long> values) {
        final LayoutInflater inflater = (LayoutInflater) this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        new Handler().postDelayed(new Runnable() {

            @Override
            public void run() {
                final ViewGroup columnContainer = (ViewGroup) chart.findViewById(R.id.columns);
                float max = Float.MIN_VALUE;
                float min = Float.MAX_VALUE;
                Iterator<Entry<String, Long>> iterator = values.entrySet().iterator();
                for (int i = 0; i < values.size(); i++) {
                    Entry<String, Long> next = iterator.next();
                    long value = next.getValue();
                    if (value > max) {
                        max = value;
                    }
                    if (value < min) {
                        min = value;
                    }
                }

                chart.measure(0, 0);
                final float finalMax = max;
                Iterator<Entry<String, Long>> iterator0 = values.entrySet().iterator();
                for (int i = 0; i < values.size(); i++) {
                    Entry<String, Long> next = iterator0.next();
                    final long value = next.getValue();
                    String title = next.getKey();
                    final View column = inflater.inflate(R.layout.column_view, columnContainer, false);
                    final ImageView imgColomn = (ImageView) column.findViewById(R.id.imgColomn);
                    final TextView txtTitle = (TextView) column.findViewById(R.id.txtTitle);
                    txtTitle.setText(title);
                    columnContainer.addView(column);

                    new Handler().post(new Runnable() {

                        @Override
                        public void run() {
                            final int height = (int) (value * (chart.getHeight() - column.getHeight()) / finalMax);
                            columnContainer.removeView(column);
                            column.getLayoutParams().height = column.getHeight() + height;
                            imgColomn.setVisibility(View.VISIBLE);
                            columnContainer.addView(column);
                        }
                    });

                }
            }
        }, 50);
    }
}