当每个包含TableLayout
时,我正在开发一个包含片段(每次最多4个片段)的ViewPager
的活动。基本上加载了4个表。这是将数据加载到Fragment
(随后附加到ViewPager
)中的代码:
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
{
if (container == null) {
return null;
}
LinearLayout.LayoutParams layoutParams=new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
layoutParams.gravity=Gravity.CENTER_VERTICAL;
layoutParams.setMargins(10, 0, 0, 0);
fragmetLayout = (LinearLayout)inflater.inflate(R.layout.grid_fragment_layout, container, false);
table = (TableLayout) fragmetLayout.findViewById(R.id.tlGridTable);
llParameterContainer = (LinearLayout) fragmetLayout.findViewById(R.id.llParametersContainer);
tabName = (TextView) fragmetLayout.findViewById(R.id.tvTabName);
tabName.setText(tab.getTabName());
//tabName.setLayoutParams(layoutParams);
for (Parameter parameter : SGRaportManagerAppObj.getInstance().parametersRepository.getParametersRepository())
{
ImageView parameterPoint = new ImageView(getActivity());
parameterPoint.setImageResource(R.drawable.parameter_chosen_point);
parameterPoint.setPadding(10, 10, 10, 0);
parameterPoint.setLayoutParams(layoutParams);
llParameterContainer.addView(parameterPoint);
TextView parameterTextView = new TextView(getActivity());
parameterTextView.setText(parameter.getName()+":");
parameterTextView.setGravity(Gravity.CENTER);
parameterTextView.setTextColor(getResources().getColor(R.color.my_black));
parameterTextView.setPadding(5, 10, 3, 10);
parameterTextView.setLayoutParams(layoutParams);
llParameterContainer.addView(parameterTextView);
TextView parameterChosenValueTextView = new TextView(getActivity());
parameterChosenValueTextView.setText(parameter.getChosenValue());
parameterChosenValueTextView.setGravity(Gravity.CENTER);
parameterChosenValueTextView.setPadding(0, 10, 0, 10);
parameterChosenValueTextView.setLayoutParams(layoutParams);
parameterChosenValueTextView.setTextColor(getResources().getColor(R.color.my_black));
llParameterContainer.addView(parameterChosenValueTextView);
}
//table.setStretchAllColumns(true);
//table.setShrinkAllColumns(true);
TableRow tableRow = new TableRow(getActivity());
TableLayout.LayoutParams tableRowParams=new TableLayout.LayoutParams(TableLayout.LayoutParams.WRAP_CONTENT,TableLayout.LayoutParams.WRAP_CONTENT);
tableRowParams.setMargins(2, 0, 0, 0);
tableRow.setLayoutParams(tableRowParams);
Log.d(TAG, "TAB FROM FRAGMENT:"+tab.toString());
TableRow.LayoutParams tlparamsFirstColumn = new TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT, TableRow.LayoutParams.WRAP_CONTENT);
tlparamsFirstColumn.setMargins(4, 0, 2, 0);
TableRow.LayoutParams tlparams = new TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT, TableRow.LayoutParams.WRAP_CONTENT);
tlparams.setMargins(0, 0, 2, 0);
//The First row for the column names.
for (int i= 0; i < tab.getGrid().getGridColumnsList().size(); i++)
{
TextView tvName = new TextView(getActivity());
String columnName = tab.getGrid().getGridColumnsList().get(i).getGridColumnAlias();
tvName.setText(columnName);
Log.d(TAG, "COLUMN ALIAS FROM FRAGMENT: "+columnName);
if (i == 0)
{
tvName.setLayoutParams(tlparamsFirstColumn);
}
else
{
tvName.setLayoutParams(tlparams);
}
tvName.setGravity(Gravity.CENTER);
tvName.setTextColor(getResources().getColor(R.color.my_white));
tvName.setPadding(10, 10, 10, 10);
tvName.setBackgroundDrawable(getResources().getDrawable(R.drawable.grid_column_name_background));
tableRow.addView(tvName);
}
table.addView(tableRow);
for (int j = 0; j < tab.getGrid().getGridData().getNumRows(); j++)
{
TableRow newRow = new TableRow(getActivity());
TableLayout.LayoutParams insideRowParams=new TableLayout.LayoutParams(TableLayout.LayoutParams.WRAP_CONTENT,TableLayout.LayoutParams.WRAP_CONTENT);
tableRowParams.setMargins(0, 2, 0, 0);
for (int k = 0; k < tab.getGrid().getGridData().getNumCols(j); k++)
{
TextView tvName = new TextView(getActivity());
String columnName = tab.getGrid().getGridData().get(j, k);
tvName.setText(columnName);
if ( (j % 2) == 0)
{
tvName.setBackgroundDrawable(getResources().getDrawable(R.drawable.grid_first_row_background));
}
else
{
tvName.setBackgroundDrawable(getResources().getDrawable(R.drawable.grid_second_row_background));
}
if (k == 0)
{
tvName.setLayoutParams(tlparamsFirstColumn);
}
else
{
tvName.setLayoutParams(tlparams);
}
tvName.setGravity(Gravity.CENTER);
tvName.setTextColor(getResources().getColor(R.color.my_black));
tvName.setPadding(10, 10, 10, 10);
newRow.addView(tvName);
}
table.addView(newRow);
}
return fragmetLayout;
}
更新:
我的ViewPagerActivity布局:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<TabHost
android:id="@android:id/tabhost"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_below="@+id/imageView3" >
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="0"/>
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="1" >
</android.support.v4.view.ViewPager>
<TabWidget
android:id="@android:id/tabs"
android:orientation="horizontal"
android:layout_gravity="center_horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
</TabHost>
<ImageView
android:id="@+id/imageView3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="-3dp"
android:background="@drawable/login_scr_top_bar"
android:contentDescription="@drawable/login_scr_top_bar" />
<TextView
android:id="@+id/tvReportName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="top|left"
android:paddingLeft="15dp"
android:paddingTop="13dp"
android:text="@string/report_tabs"
android:textColor="@color/my_black"
android:textSize="18sp"
android:textStyle="bold" />
<LinearLayout
android:id="@+id/llTabsButtonsContainer"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:gravity="center_horizontal"
android:orientation="horizontal"
android:paddingBottom="5dp"
android:paddingTop="5dp" >
</LinearLayout>
<TextView
android:id="@+id/tvReportTitle"
android:layout_width="wrap_content"
android:layout_height="20dp"
android:layout_alignBaseline="@+id/tvReportName"
android:layout_alignBottom="@+id/tvReportName"
android:layout_toLeftOf="@+id/bBackToParameters"
android:layout_toRightOf="@+id/tvReportName"
android:text="TextView"
android:textSize="18sp" />
<Button
android:id="@+id/bBackToParameters"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/tvReportTitle"
android:layout_marginRight="10dp"
android:layout_alignParentRight="true"
android:background="@drawable/button_back_to_parameters_selector"
android:clickable="true"
android:onClick="backToParametersButtonOnClick"
android:padding="3dp"
android:text="@string/back_to_parameters"
android:textColor="@color/my_white"
android:textStyle="bold" />
</RelativeLayout>
and My GridFramgnet Layout:
<?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:orientation="vertical" >
<LinearLayout
android:id="@+id/llParametersContainer"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
</LinearLayout>
<TextView
android:id="@+id/tvTabName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/my_black"
android:textStyle="bold"
android:textSize="18sp"
android:layout_marginLeft="10dp"
android:text="It a test string for report Name"/>
<ScrollView
android:id="@+id/layout"
android:layout_height="match_parent"
android:scrollbars="horizontal|vertical"
android:layout_width="match_parent"
android:layout_marginTop="5dip"
android:scrollbarStyle="outsideInset"
android:fillViewport="true">
<HorizontalScrollView
android:id="@+id/horizontalView"
android:layout_height="wrap_content"
android:scrollbars="horizontal|vertical"
android:layout_width="wrap_content"
android:layout_marginTop="5dip">
<TableLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/tlGridTable" >
</TableLayout>
</HorizontalScrollView>
</ScrollView>
</LinearLayout>
问题这对于3 Fragments
需要大约10秒来加载,所以用户在Activity
实际加载之前得到一个黑屏10秒。我怎样才能避免呢?在AsyncTask
中运行填充表的所有过程会使ViewPager
Activity
加载得更快吗?这能做到吗?
更新:大部分时间都花在填充/创建TableLayout
上。如果从服务器接收到大量的数据,那么就需要创建大量的TextView
,并将它们设置在TableLayout
中。
更新# 2:好吧,我已经消除了这个问题,因为我理解我的需求(整个视图的水平和垂直滚动),我必须使用TableLayout
,所以我需要等待这个时间来加载它。但我需要找到一种方法来加载数据的片段,至少与用户知道的数据正在填充(显示适当的Dialog
)。在我开始片段初始化之前,我试图在ViewPager
的onCreate
中放置一个对话框,但由于某种原因它没有显示,我只看到黑屏,直到片段加载。
更新:
请参考最后一个问题,因为我知道这是不可能修复加载时间:
: 是否有一种方法来创建一个ViewPager
几乎空的片段(只有一个单独的标题为每一个),呈现给用户,然后,在活动已经加载和可见(而不是一个黑屏显示),呈现Dialog
和填充的片段,而对话框显示?
如有任何帮助,不胜感激。
谢谢。
对于3 Fragments,这需要大约10秒的加载时间,所以用户得到
原因是你在布局中使用的小部件的数量加上Activity
的视图层次结构的深度。从你发布的内容来看,你有这样的内容:
Activity
->ViewPager
->中ViewPager
可能的包装器至少一个ScrollView
(正如你所说的滚动(垂直和水平)->Linearlayout
-> TableLayout ->table ->TableRow
的内容
这是7的深度(如果我没有错的话,支持片段框架也在两者之间插入一些视图)。这对性能非常不利。在单个Fragment
中也有很多小部件(假设这些for
循环最多运行10次迭代,否则它真的很糟糕),并考虑到第二个片段也将加载其视图,您可以看到这将再次影响性能。
这将有助于张贴你目前的布局,看看他们是否可以优化。
你可以对你当前的代码做一些小的改进,但这并不能帮助你从10秒缩短到最多1秒。
这段代码没有任何意义:
if (container == null) {
return null;
}
我不知道这是怎么回事:
SGRaportManagerAppObj.getInstance().parametersRepository.getParametersRepository()
,但看看你是否没有创建无用的对象(这是一个单例吗?)不要把它放在for
循环中,因为它每次都会运行,使用正常的for
来避免使用Iterator
:
final int count = SGRaportManagerAppObj.getInstance().parametersRepository.getParametersRepository().size();
for (int i = 0; i < count; i++) {
final Parameter parameter = SGRaportManagerAppObj.getInstance().parametersRepository.getParametersRepository().get(i);
// ... rest of code
您应该在其他for
循环中执行相同的操作。
在for
循环之外检索这些资源(颜色和可绘制对象),在循环中只将它们分配给视图。
你的布局非常深,有太多的视图,所以性能会很差。克服这个问题的唯一方法是使用一个循环其视图的小部件(我知道您说过什么)。其他选项为:
- 在后台线程中创建这些视图(我不会这样做,因为这是非常危险的)
- 您可以修改片段,简单地膨胀
onCreateView
中的布局,并返回并显示正在加载的ProgressDialog
。在Fragment
变得可见之后,您将开始在块中创建Fragment
的真实视图,最后将其附加到片段。这对用户体验来说非常糟糕。
当你使用ViewPager
将有额外的工作,使事情在页面切换之间顺利进行。
由于您使用分页,当您启动活动时,您加载的不仅仅是第一个片段。使初始片段视图具有可见的进度条和隐藏的表格,并且仅在切换到该片段时加载数据。
活动中使用
mPager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int position) {
Fragment f = mAdapter.getFragment(mPager.getCurrentItem());
f.loadData(); // when you finish loading the data, hide the progress bar and show the table
}
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
要使用mAdapter.getFragment(),从
继承适配器: public abstract class SmartFragmentPagerAdapter extends FragmentPagerAdapter{
private SparseArray<String> mFragmentTags;
private FragmentManager mFragmentManager;
public SmartFragmentPagerAdapter(FragmentManager fragmentManager) {
super(fragmentManager);
mFragmentManager = fragmentManager;
mFragmentTags = new SparseArray<String>();
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
Object obj = super.instantiateItem(container, position);
if (obj instanceof Fragment) {
// record the fragment tag here.
Fragment f = (Fragment) obj;
String tag = f.getTag();
mFragmentTags.put(position, tag);
}
return obj;
}
public Fragment getFragment(int position) {
String tag = mFragmentTags.get(position);
if (tag == null)
return null;
return mFragmentManager.findFragmentByTag(tag);
}
public FragmentManager getFragmentManager(){
return mFragmentManager;
}
}
大部分时间都花在填充/创建TableLayout上。如果从服务器接收到大量数据那么就需要创建大量的textview并在TableLayout
中设置它们
那么不要使用TableLayout
。使用ListView
或其他形式的AdapterView
,这样你只需要"填充/创建"足够的填充可见空间,然后可以随着用户滚动(如果用户滚动)填充更多。