快捷導(dǎo)航

Android 仿抖音的評論列表的UI和效果的實現(xiàn)代碼

更新時間：2018年03月28日 11:44:43 作者：灬布衣丶公爵丨

抖音是一款音樂創(chuàng)意短視頻社交軟件，此app已在android各大應(yīng)用商店和app store 上線。下面小編給大家?guī)砹薃ndroid 仿抖音的評論列表的UI和效果的實現(xiàn)代碼，感興趣的朋友參考下吧

抖音是一款音樂創(chuàng)意短視頻社交軟件，是一個專注年輕人的15秒音樂短視頻社區(qū)。用戶可以通過這款軟件選擇歌曲，拍攝15秒的音樂短視頻，形成自己的作品。此App已在Android各大應(yīng)用商店和APP Store均有上線。

在design包里面有一個 BottomSheetDialogFragment 這個Fragment，他已經(jīng)幫我們處理好了手勢，所以實現(xiàn)起來很簡單。下面是代碼:

public class ItemListDialogFragment extends BottomSheetDialogFragment {
 // TODO: Customize parameter argument names
 private static final String ARG_ITEM_COUNT = "item_count";
 private Listener mListener;
 // TODO: Customize parameters
 public static ItemListDialogFragment newInstance(int itemCount) {
  final ItemListDialogFragment fragment = new ItemListDialogFragment();
  final Bundle args = new Bundle();
  args.putInt(ARG_ITEM_COUNT, itemCount);
  fragment.setArguments(args);
  return fragment;
 }
 @Nullable
 @Override
 public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
  // 在這里將view的高度設(shè)置為精確高度，即可屏蔽向上滑動不占全屏的手勢。
  View view = inflater.inflate(R.layout.fragment_item_list_dialog, container, false);
  view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
    ScreenUtils.getScreenHeight(getActivity()) / 3 * 2));
  return view;
 }
 @Override
 public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
  final RecyclerView recyclerView = (RecyclerView) view;
  recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
  recyclerView.setAdapter(new ItemAdapter(getArguments().getInt(ARG_ITEM_COUNT)));
 }
 @Override
 public void onAttach(Context context) {
  super.onAttach(context);
  final Fragment parent = getParentFragment();
  if (parent != null) {
   mListener = (Listener) parent;
  } else {
   mListener = (Listener) context;
  }
 }
 @Override
 public void onDetach() {
  mListener = null;
  super.onDetach();
 }
 public interface Listener {
  void onItemClicked(int position);
 }
 private class ViewHolder extends RecyclerView.ViewHolder {
  final TextView text;
  ViewHolder(LayoutInflater inflater, ViewGroup parent) {
   // TODO: Customize the item layout
   super(inflater.inflate(R.layout.fragment_item_list_dialog_item, parent, false));
   text = (TextView) itemView.findViewById(R.id.text);
   text.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
     if (mListener != null) {
      mListener.onItemClicked(getAdapterPosition());
      dismiss();
     }
    }
   });
  }
 }
 private class ItemAdapter extends RecyclerView.Adapter<ViewHolder> {
  private final int mItemCount;
  ItemAdapter(int itemCount) {
   mItemCount = itemCount;
  }
  @Override
  public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
   return new ViewHolder(LayoutInflater.from(parent.getContext()), parent);
  }
  @Override
  public void onBindViewHolder(ViewHolder holder, int position) {
   holder.text.setText(String.valueOf(position));
  }
  @Override
  public int getItemCount() {
   return mItemCount;
  }
 }
}

補充：

Android SwipeRefreshLayout仿抖音app靜態(tài)刷新

SwipeRefreshLayout的功能就是可以讓我們的界面在不動的情況下,下拉直接刷新

效果圖:

activity_listview布局文件

<android.support.v4.widget.SwipeRefreshLayout 
       android:id="@+id/sr1" 
       android:layout_width="match_parent" 
      android:layout_height="match_parent"> 
       <ListView 
         android:id="@+id/lv" 
         android:layout_width="match_parent" 
         android:layout_height="wrap_content"/> 
     </android.support.v4.widget.SwipeRefreshLayout>

Activity代碼(ListViewActivity)

public class ListViewActivity extends AppCompatActivity implements SwipeRefreshLayout.OnRefreshListener { 
  private SwipeRefreshLayout swipeRefreshLayout; 
  private ListView listView; 
  private List<String> list; 
  private ArrayAdapter adapter; 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_list_view); 
    swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.sr1); 
    swipeRefreshLayout.setOnRefreshListener(this); 
    list = new ArrayList<>(); 
    list.add("ssss"); 
    listView = (ListView) findViewById(R.id.lv); 
    adapter = new ArrayAdapter(this 
        , android.R.layout.simple_list_item_1 
        , android.R.id.text1 
        , list); 
    listView.setAdapter(adapter); 
  } 
 
  @Override 
  public void onRefresh() { 
    new Handler().postDelayed(new Runnable() { 
      @Override 
      public void run() { 
        swipeRefreshLayout.setRefreshing(false); 
        adapter.clear(); 
        list.add("1111"); 
        adapter.notifyDataSetChanged(); 
      } 
    }, 1000); 
  } 
}

總結(jié)

以上所述是小編給大家介紹的Android 仿抖音的評論列表的UI和效果的實現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: