Как заполнить данные в TableLayout с помощью BaseAdapter?

Question

Я пытаюсь сделать приложение в Android, где у меня будет два набора данных.Я должен показывать заголовки поверх каждого набора данных.
Поэтому я выбрал tableLayout, чтобы показать вывод данных.Мне нужно заполнить 5 ячеек в каждой строке.
Например:

*Header1*  
dataSet1.1  dataSet1.2  dataSet1.3  dataSet1.4  dataSet1.5  
dataSet1.1  dataSet1.2  dataSet1.3  dataSet1.4  dataSet1.5  
dataSet1.1  dataSet1.2  dataSet1.3  dataSet1.4  dataSet1.5  
dataSet1.1  dataSet1.2  dataSet1.3  dataSet1.4  dataSet1.5  

*Header2*  
dataSet2.1  dataSet2.2  dataSet2.3  dataSet2.4  dataSet2.5  
dataSet2.1  dataSet2.2  dataSet2.3  dataSet2.4  dataSet2.5  
dataSet2.1  dataSet2.2  dataSet2.3  dataSet2.4  dataSet2.5  
dataSet2.1  dataSet2.2  dataSet2.3  dataSet2.4  dataSet2.5  

Я могу заполнить данные, но когда устройство маленькое, видна только половина строки, а остальная часть строкибыть обрезанным.Я имею в виду, что из строки показаны только dataSet1.1, dataSet1.2 и половина dataSet1.3, а остальные из них обрезаются.То же самое происходит для каждой строки.
Ниже приведен мой код.
Фрагмент (Java):

public class VideoFragment  extends Fragment implements VideoFragmentView
{
    private static final int NUMBER_OF_COLUMNS = 5;
    private static final long REFRESH_TIMEOUT_MINUTES = 15;

    private static final int NUMBER_OF_COLUMNS = 4;
    private static final long REFRESH_TIMEOUT_MINUTES = 15;

    private GuideMediaItemAdapter guideMediaItemAdapter;
    TableLayout mainTable;

    private LocalBroadcastManager localBroadcastManager;

    public static VideoFragment newInstance()
    {
        VideoFragment fragment = new VideoFragment();
        return fragment;
    }

    @Override
    public void toLoadingState()
    {
        // No - Op
    }

    @Override
    public void toLoadedState()
    {
        // No - Op
    }

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        DaggerVideoFragmentComponent.builder()
            .applicationComponent(((PhoenixApp) getContext().getApplicationContext()).getComponent())
            .videoFragmentModule(new VideoFragmentModule(this))
            .build()
            .inject(this);
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
    {
        return inflater.inflate(R.layout.fragment_nav_video_content_table_view, container, false);
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState)
    {
        super.onViewCreated(view, savedInstanceState);

        localBroadcastManager = LocalBroadcastManager.getInstance(getContext());

        getPresenter().start();

        /**
        * TODO : Add below given two for loops into one.
         */
        mainTable = (TableLayout) view.findViewById(R.id.displayLinear);

        TableRow guideHeaderRow = new TableRow(getContext());
        View guideHeaderView = LayoutInflater.from(getContext()).inflate(R.layout.guide_header_nav_item, null);
        guideHeaderRow.addView(guideHeaderView);
        mainTable.addView(guideHeaderRow);
        TableRow falseRow1 = new TableRow(getContext());
        falseRow1.setMinimumHeight(10);
        mainTable.addView(falseRow1);

        for (int i = 0; i < guideMediaItemAdapter.getCount(); i++)
        {
            TableRow row = new TableRow(getContext());
            for (int j = 0; j < 4 && i < guideMediaItemAdapter.getCount(); j++)
            {
                int tmp = i++;
                View viewToAdd = guideMediaItemAdapter.getView(tmp, null, null);
                Entity entity = (Entity) guideMediaItemAdapter.getItem(tmp);
                row.addView(viewToAdd);
                if (j == 3)
                {
                    i--;
                    mainTable.addView(row);
                }
            }
        }
        mainTable.setVisibility(View.VISIBLE);
    }

    @Override
    public void setGridAdapter(BaseNavContentFragment.MediaItemAdapter adapter)
    {
        // No - Op. Do not set any general adapter.
    }

    @Override
    public void setGuideGridAdapter(GuideMediaItemAdapter adapter)
    {
        guideMediaItemAdapter = adapter;
    }

    @Override
    public void onDestroy()
    {
        getPresenter().stop();
        super.onDestroy();
    }

    public static class GuideMediaItemAdapter extends BaseAdapter
    {

        private static String LOGTAG = "GuideMediaItemAdapter";
        private final List<Entity> items;
        private final LayoutInflater layoutInflater;
        private final int firstLastRowPadding;
        private final int stationMargins;
        private final Context mContext;

        public GuideMediaItemAdapter(Context context, List<Entity> items)
        {
            this.mContext = context;
            this.layoutInflater = LayoutInflater.from(context);
            this.items = items;
            firstLastRowPadding = ViewUtil.convertDpToPx(context, 16);
            stationMargins = context.getResources().getDimensionPixelSize(R.dimen.radio_logo_tile_inset);
        }

        @Override
        public int getCount()
        {
            return items.size();
        }

        @Override
        public Object getItem(int position)
        {
            return items.get(position);
        }

        @Override
        public long getItemId(int position)
        {
            return items.get(position).id.hashCode();
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent)
        {
            View itemView;

            // fetch the item from the list/grid.
            Entity entity = items.get(position);

            if (convertView == null)
            {
                itemView = layoutInflater.inflate(R.layout.nav_item, null);
            }
            else
            {
                itemView = convertView;
            }

            ImageView titleIcon = itemView.findViewById(R.id.titleIcon);
            if (entity instanceof Station)
            {
                titleIcon.setImageResource(R.drawable.ic_radio_small);
                titleIcon.setVisibility(View.VISIBLE);
            }
            else if (entity instanceof Ad && !((Ad) entity).isArtist)
            {
                titleIcon.setImageResource(R.drawable.ic_ad_mcdonalds);
                titleIcon.setVisibility(View.VISIBLE);
            }
            else
            {
                titleIcon.setVisibility(View.GONE);
            }

            TextView titleTextView = itemView.findViewById(R.id.title);
            titleTextView.setText(entity.title);
            titleTextView.setVisibility(View.VISIBLE);

            TextView subtitleView = itemView.findViewById(R.id.subtitle);
            if (!TextUtils.isEmpty(entity.subtitle))
            {
                subtitleView.setText(entity.subtitle);
                subtitleView.setVisibility(View.VISIBLE);
            }
            else
            {
                subtitleView.setVisibility(View.GONE);
            }

            TextView badgeStandardAd = itemView.findViewById(R.id.badgeStandardAd);
            badgeStandardAd.setVisibility(View.GONE);
            TextView badge = itemView.findViewById(R.id.badge);
            badge.setVisibility(View.GONE);
            ImageView imageOverlayView = itemView.findViewById(R.id.imageOverlay);
            imageOverlayView.setVisibility(View.GONE);
            if (entity instanceof Ad && ((Ad) entity).isArtist)
            {
                badge.setText(R.string.sponsored_artist);
                badge.setVisibility(View.VISIBLE);
            }

            if (entity instanceof Station && ((Station) entity).isProgram)
            {
                Station station = (Station) entity;
                badge.setText(station.startTime + " - " + station.endTime);
                badge.setVisibility(View.VISIBLE);
            }

            ImageView artView = itemView.findViewById(R.id.image);
            artView.setImageResource(R.drawable.album_art_placeholder);
            artView.setVisibility(View.VISIBLE);

            if (entity instanceof Station && !((Station) entity).isProgram)
            {
                ViewUtil.setMargins(imageOverlayView, stationMargins);
                ViewUtil.setMargins(artView, stationMargins);
            }
            else
            {
                ViewUtil.setMargins(imageOverlayView, 0);
                ViewUtil.setMargins(artView, 0);
            }

            int lastRowNumberOfItems = getCount() % NUMBER_OF_COLUMNS;
            if (lastRowNumberOfItems == 0)
            {
                lastRowNumberOfItems = 5;
            }

            if (position < NUMBER_OF_COLUMNS)
            {
                //top first row
                itemView.setPadding(0, firstLastRowPadding, 0, 0);
            }
            else if (position >= getCount() - lastRowNumberOfItems)
            {
                //bottom last row
                itemView.setPadding(0, 0, 0, firstLastRowPadding);
            }
            else
            {
                itemView.setPadding(0, 0, 0, 0);
            }

            return itemView;
        }
    }
}

Фрагмент (макет):

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

    <ScrollView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:scrollbars="vertical"
        android:layout_gravity="center"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:paddingBottom="15dp"
        android:paddingTop="15dp">

        <TableLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_height="fill_parent"
            android:layout_width="fill_parent"
            android:id="@+id/displayLinear"
            android:scrollbars="vertical"
            android:padding="10dp"
            android:gravity="center">

        </TableLayout>
    </ScrollView>  

nav_item (макет, которыйсоздает каждый элемент строки):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#fff"
    android:clipChildren="false"
    android:clipToPadding="false">
    <android.support.v7.widget.CardView
        android:id="@+id/imageContainer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/nav_item_background"
        android:clipChildren="false"
        android:clipToPadding="false"
        app:cardCornerRadius="10dp"
        app:cardElevation="4dp"
        app:cardPreventCornerOverlap="true"
        app:cardUseCompatPadding="true">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <ImageView
                android:id="@+id/image"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true" />
            <ImageView
                android:id="@+id/imageOverlay"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_centerInParent="true"
                android:adjustViewBounds="true"
                android:background="#b4ffffff"
                android:scaleType="centerInside" />
            <TextView
                    android:id="@+id/badge"
                    android:layout_alignParentBottom="true"
                    android:layout_alignParentEnd="true"
                    android:background="#ccffffff"
                    android:textColor="@android:color/black"
                    android:textSize="10sp"
                    android:text="@string/sponsored_artist"
                    android:visibility="gone"
                    tools:visibility="visible"
                    android:paddingTop="6dp"
                    android:paddingBottom="3dp"
                    android:paddingStart="6dp"
                    android:paddingEnd="6dp"
                    android:fontFamily="@font/lato_regular"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
            <TextView
                    android:id="@+id/badgeStandardAd"
                    android:layout_alignParentBottom="true"
                    android:layout_alignParentEnd="true"
                    android:background="#046c4f"
                    android:textColor="@android:color/white"
                    android:textAllCaps="true"
                    android:textSize="10sp"
                    tools:text="Exit 29"
                    android:visibility="gone"
                    tools:visibility="gone"
                    android:paddingTop="6dp"
                    android:paddingBottom="3dp"
                    android:paddingStart="6dp"
                    android:paddingEnd="6dp"
                    android:fontFamily="@font/lato_regular"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
        </RelativeLayout>
    </android.support.v7.widget.CardView>
    <LinearLayout
        android:id="@+id/titleContainer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/imageContainer"
        android:layout_marginLeft="10dp"
        android:gravity="center_vertical"
        android:orientation="horizontal">
        <ImageView
            android:id="@+id/titleIcon"
            android:layout_width="22dp"
            android:layout_height="22dp"
            android:layout_marginRight="6dp" />
        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="@font/lato_bold"
            android:lines="1"
            android:textColor="#000"
            android:textSize="16sp" />
    </LinearLayout>
    <TextView
        android:id="@+id/subtitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/titleContainer"
        android:layout_marginLeft="10dp"
        android:fontFamily="@font/lato_regular"
        android:ellipsize="end"
        android:lines="1"
        android:textColor="#63666a"
        android:textSize="14sp" />
</RelativeLayout>

Есть много вопросов по stackOverflow, но большинство из них относятся к статическим таблицам, и я пробовал большинство из них, что делает таблицу прокручиваемой, но строка получаетпроблема, которую я не могу исправить. Это проблема, которую я не могу исправить.

Можете ли вы мне помочь? *1018*

Answer 1

Я обнаружил, что я делаю неправильно.Я не устанавливал layoutParams для каждой ячейки в строке.Добавление правильного layoutParam для каждой ячейки решает проблему.
Ниже приведены изменения кода, которые я сделал:

@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState)
{
    super.onViewCreated(view, savedInstanceState);

    localBroadcastManager = LocalBroadcastManager.getInstance(getContext());

    getPresenter().start();

    /**
    * TODO : Add below given two for loops into one.
     */
    mainTable = (TableLayout) view.findViewById(R.id.displayLinear);

    TableRow guideHeaderRow = new TableRow(getContext());
    View guideHeaderView = LayoutInflater.from(getContext()).inflate(R.layout.guide_header_nav_item, null);
    guideHeaderRow.addView(guideHeaderView);
    mainTable.addView(guideHeaderRow);
    TableRow falseRow1 = new TableRow(getContext());
    falseRow1.setMinimumHeight(10);
    mainTable.addView(falseRow1);

    for (int i = 0; i < guideMediaItemAdapter.getCount(); i++)
    {
        TableRow row = new TableRow(getContext());
        for (int j = 0; j < 4 && i < guideMediaItemAdapter.getCount(); j++)
        {
            int tmp = i++;
            View viewToAdd = guideMediaItemAdapter.getView(tmp, null, null);

            // Adding these two lines will solve the problem
            TableRow.LayoutParams params = new TableRow.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, 1.0f);
            viewToAdd.setLayoutParams(params);
            // -------------
            Entity entity = (Entity) guideMediaItemAdapter.getItem(tmp);
            row.addView(viewToAdd);
            if (j == 3)
            {
                i--;
                mainTable.addView(row);
            }
        }
    }
    mainTable.setVisibility(View.VISIBLE);
}

Answer 2

Ваш подход к вашей проблеме не очень хороший, возможно, поэтому у вас могут возникнуть проблемы с отсечением представления. Вы создаете представления динамически в зависимости от количества элементов в вашем наборе данных.Вы можете использовать GridView Android или RecyclerView для обработки списка с декором Spacing и GridLayoutManager, который принимает основной параметр конструктора spanCount, который представляет собой число столбцов, необходимых для вашей сетки, а затем вам нужно будет создать собственное расширение Recycler.Адаптер для подключения с RecyclerView, а также столько необходимых расширений класса RecyclerView.ViewHolder, которые индивидуально представляют тип просмотра ваших данных.Первый вариант - хорошее решение, но второй рекомендуется в соответствии с рекомендациями Android здесь . Он предоставит вам точный контроль над обрабатываемым списком.Для различных типов представлений данных в вашем списке вы можете переопределить метод getItemViewType расширенного класса адаптера, чтобы различать верхние и нижние колонтитулы и содержимое вашего списка, и если вы не хотите, чтобы ваш список был прокручиваемым, вы также можете отключить прокрутку в RecyclerView.Надеюсь, это решит вашу проблему.