Список с MPAndroidChart (или что-то еще) ниже

Редактировать: я изменил заголовок, потому что он не связан с MPAndroidChart, та же проблема может возникнуть с другим представлением под ListView.

Я пытаюсь установить макет для действия в своем приложении для Android. Это действие состоит из 2 элементов: ListView и MPAndroidChart.

Чего я хотел бы добиться, так это разместить ListView вверху, взяв необходимую высоту (wrap_content), а под ним диаграмму с фиксированной высотой.

Я новичок в Android, поэтому первое, что я сделал, это сделал RelativeLayout со списком вверху и внизу, диаграммой. Это выглядело хорошо в «портрете» (в списке было мало элементов), но когда я попробовал это в «пейзаже», диаграмма исчезла...

Затем я сделал ScrollView, обертывающий весь контент (что это RelativeLayout), но я экспериментировал с каким-то странным поведением (я думаю, из-за динамической высоты списка). Но в любом случае, идея иметь два разных «прокрутки» (один для списка, другой для всего действия) не кажется очень хорошей.

Итак, что я делаю сейчас, так это делю высоту пополам и получаю в верхней части список, а в нижней части диаграмму, например:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout  xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" >


    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:weightSum="2"
        android:orientation="vertical" >

        <ListView
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:id="@+id/list"
            android:listSelector="@android:color/transparent"
            android:layout_alignParentTop="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true">

        </ListView>

        <com.github.mikephil.charting.charts.LineChart
            android:id="@+id/chart"
            android:layout_width="match_parent"
            android:layout_below="@+id/list"
            android:layout_height="0dp"
            android:layout_weight="1"/>

    </LinearLayout>

</RelativeLayout>

Но мне это не очень нравится.

Итак, есть мысли, как это сделать?


android android-layout mpandroidchart android-listview
person jolmos    schedule 30.12.2015    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Попробуйте этот код

Портретный режим

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#22bbcc"
    android:orientation="vertical">

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_margin="4dp"
        android:layout_weight="0.50"
        android:background="#ccbb22" />

    <LinearLayout
        android:id="@+id/LinearLayout_chart"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_margin="4dp"
        android:layout_weight="0.50"
        android:background="#ddaaaa"
        android:orientation="horizontal">

        <!--You can have your chart here -->
    </LinearLayout>
</LinearLayout>

введите здесь описание изображения

Ландшафтный режим

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="4dp"
    android:background="#22bbcc"
    android:orientation="horizontal">

    <ListView
        android:id="@+id/listView"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_margin="4dp"
        android:layout_weight="0.50"
        android:background="#ccbb22" />

    <LinearLayout
        android:id="@+id/LinearLayout_chart"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_margin="4dp"
        android:layout_weight="0.50"
        android:background="#ddaaaa"
        android:orientation="horizontal">

        <!--You can have your chart here -->
    </LinearLayout>

</LinearLayout>

введите здесь описание изображения

если возможно, добавьте PieChart динамически к LinerLayout

private PieChart mChart;
private float[] yData = {5, 4, 5, 2}; 
private String[] xData = {"Item_one", "Item_two", "Item_Three","Item_Four"};
linearLayoutTwo = (LinearLayout)findViewById(R.id.LinearLayout_chart);
mChart = new PieChart(this);

    // configure pie chart
    mChart.setUsePercentValues(true);
    mChart.setDescription("");


    // enable hole and configure
    mChart.setDrawHoleEnabled(false);
    mChart.setHoleColorTransparent(true);
    mChart.setHoleRadius(0);
    mChart.setTransparentCircleRadius(0);

    // enable rotation of the chart by touch
    mChart.setRotationAngle(0);
    mChart.setRotationEnabled(false);

    ArrayList<Entry> yVals1 = new ArrayList<Entry>();

    for (int i = 0; i < yData.length; i++)
        yVals1.add(new Entry(yData[i], i));

    ArrayList<String> xVals = new ArrayList<String>();

    for (int i = 0; i < xData.length; i++)
        xVals.add(xData[i]);

    // create pie data set
    PieDataSet dataSet = new PieDataSet(yVals1, "");
    dataSet.setSliceSpace(0);
    dataSet.setSelectionShift(1);

    // add many colors
    ArrayList<Integer> colors = new ArrayList<Integer>();

    for (int c : new int[]{Color.rgb(124, 185, 232), Color.rgb(178, 132, 190), Color.rgb(201, 255, 229),
            Color.rgb(100, 148, 143)}) {
        colors.add(c);
    }


    colors.add(ColorTemplate.getHoloBlue());
    dataSet.setColors(colors);

    // instantiate pie data object now
    PieData data = new PieData(xVals, dataSet);
    data.setValueFormatter(new PercentFormatter());
    data.setValueTextSize(9f);
    data.setValueTextColor(Color.BLACK);

    mChart.setData(data);

    // undo all highlights
    mChart.highlightValues(null);

    // update pie chart
    mChart.invalidate();
    linearLayoutTwo.addView(mChart);
    // customize legends
    Legend l = mChart.getLegend();

    l.setPosition(Legend.LegendPosition.RIGHT_OF_CHART);
    l.setXEntrySpace(4);
    l.setYEntrySpace(4);
person Pankaj Nimgade    schedule 30.12.2015
comment
Спасибо за ответ! Это было бы что-то похожее на то, что у меня есть, но с умным решением для ландшафтного режима. Проблема в том, что я хотел бы сохранить полную ширину списка даже в ландшафтном режиме. - person jolmos; 30.12.2015
comment
@jolmos, в этом случае вы можете сделать так, чтобы Listview занимал определенную высоту, например. (от 350dp до 400dp) и иметь дочерние элементы PieChart и ListView для ScrollView, что немного запутает, но вы получите то, что ищете - person Pankaj Nimgade; 30.12.2015

arrow_upward
0
arrow_downward

Наконец я нашел решения, которые делают то, что я хотел.

Я размещаю это решение здесь, может быть, кому-то поможет.

Что я сделал, так это просто вставил диаграмму в нижний колонтитул ListView, поэтому у меня есть только прокрутка списка и в конце MPAndroidChart (как я и хотел).

Для этого я создал новый файл макета chartlayout.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="match_parent">

    <com.github.mikephil.charting.charts.LineChart
        android:id="@+id/chart"
        android:layout_width="match_parent"
        android:layout_height="200dp"/>
</RelativeLayout>

Итак, в моем java-файле активности я беру макет из chartlayout с помощью службы надувания, затем получаю представление диаграммы и, наконец, добавляю его в список как нижний колонтитул:

    //get layout
    chartLayout = ((LayoutInflater) this.getSystemService(Context.LAYOUT_INFLATER_SERVICE)).inflate(R.layout.chartlayout, null, false);

    //get view
    mChart = (LineChart) chartLayout.findViewById(R.id.chart);

    /*  
    *   chart stuff
    */

    ...

    mylistView.addFooterView(chartLayout);
person jolmos    schedule 30.12.2015