Stimuli-responsive fluorescent supramolecular polymer network based on a monofunctionalized leaning tower[6]arene

Zengjie Liu,Jirui Wu,Chunyu Wng,Jie Yng,Yn Wng,,Ying-Wei Yng,b,d ,

a State Key Laboratory of Inorganic Synthesis and Preparative Chemistry, International Joint Research Laboratory of Nano-Micro Architecture Chemistry(NMAC), College of Chemistry, Jilin University, Changchun 130012, China

b The State Key Laboratory of Refractories and Metallurgy, School of Chemistry and Chemical Engineering, Wuhan University of Science and Technology,Wuhan 430081, China

c State Key Laboratory of Supramolecular Structure and Materials, Institute of Theoretical Chemistry, Jilin University, Changchun 130012, China

d California NanoSystems Institute and Department of Chemistry & Biochemistry, University of California, Los Angeles, CA 90095, United States

Keywords:

Aggregation-induced emission

Coordination

Leaning tower[n]arene

Stimuli-responsive materials

Supramolecular polymer

ABSTRACT

A fluorescent supramolecular polymer network with an excellent triple-stimuli responsive property based on metal-ligand coordination and host-guest interactions has been constructed from a terpyridine-monofunctionalized leaning tower[6]arene, a tetraphenylethylene AIEgen, and a bridging coordination ion(Zn2+).Addition of competitive binding agents,trifluoroacetic acid,and/or pillar[5]arene can break the metal coordination and/or host-guest inclusion complexation, and thermal heating can weaken the non-covalent interactions in the supramolecular polymer gel, all leading to the gel-to-sol transition.

Supramolecular polymers constructed by hydrogen bonding[1,2],host-guestcomplexation[3,4],hydrophobicinteraction[5],andmetalligand coordination[6,7]have gained wide attention in the past decade due to their excellent properties, in particular stimuli-responsiveness and self-healing capability [8-10].Orthogonal self-assembly as a promising strategy to construct smart supramolecular polymers attracts much interest because it can integrate multiple noncovalent interactions in one system, i.e., host-guest inclusion complexation and metal-ligand coordination,and endow the resulting materials with unique properties and great potentials[11-13].

Synthetic cyclic oligomers with arenes as basic building blocks,namely macrocyclic arenes [14-22], as a promising type of supramolecular macrocycles, have advanced rapidly during the past several decades and played a major role in the construction of functional supramolecular polymers[23-28].By inducing desymmetrization to traditional pillar[6]arenes, we discovered a new class of macrocyclic arenes named leaning tower[6]arenes(LT6 for short),which adopt a much favorable leaning tower conformation instead of traditional pillar structure, thus rendering them remarkable performance in supramolecular self-assembly and host-guest chemistry[29,30].Further selective modification of LT6 to extend the applications has yet to be explored.Here we report the selective mono-functionalization on one rim of LT6 for application in the construction of functional supramolecular polymer network (SPN) with tunable luminescent property and multi-stimuli responsiveness, which will expand the library of functional building blocks for macrocyclic arenes-based supramolecular gel and may provide special functions different from traditional pillararenes [12,24,25].

On the other hand, fluorescent supramolecular polymers constructed from a special AIEgen tetraphenylethene (TPE)[31,32]and its derivatives usually possess attractive aggregation-induced emission (AIE) properties [33-37].Tunable hostguest interactions between synthetic macrocycles and TPE-based guest molecules will endow the supramolecular system with desirable performance.Meanwhile, terpyridine becomes a versatile functional motif due to its good binding affinity to various metal ions.Therefore, we come up with an idea of constructing a multi-responsive fluorescent SPN via orthogonal self-assembly,taking advantages of both the tunable macrocyclic host-guest interactions and the terpyridine-based metal-ligand coordination.

Herein,we synthesized a new monofunctionalized LT6 bearing one terpyridine arm, i.e., TPy-MeLT6, for further construction of fluorescent SPN upon host-guest complexation with a TPE tetratopic guest possessing four pyridinium arms, i.e., TPETPy+·4PF6-, and metal-ligand coordination of its terpyridine arm with Zn2+ions (Scheme 1).

TPy-MeLT6 was synthesized by a facile four-step synthetic strategy involving fragmentation reaction, substitution reaction,and copper(I)-catalyzed azide-alkyne cycloaddition (CuAAC)reaction(Scheme 2).Mono-hydroxylated LT6(2)as a basic starting reagent was facilely obtained by the reaction of MeLT6 (1) with a proper ratio of BBr3in CHCl3.Compound 2 was converted to a hydrazoate derivative (4) via a two-step sequence of nucleophilic substitution by 1,4-dibromobutane and azide.Finally, the intermolecular CuAAC reaction between 5 and 4 gave the target product(TPy-MeLT6) in a yield of 65.9%.The syntheses of all the LT6 derivatives (see the Supporting information for details) are coherent, straightforward, and convenient, proving the good controllability and diversification of substituent groups in the modification of the synthetic macrocyclic arenes.

Single crystal of TPy-MeLT6 suitable for X-ray diffraction was grown by slow diffusion of CH3OH into its acetic ether solution.Crystal structural analyses revealed a conformation of lariat complex, where the substituted phenylene units of TPy-MeLT6 possess a nearly vertical dihedral angle with the plane of its six methylene bridges and the two unsubstituted phenylene units.Compared with the full tilt rings in MeLT6 (Fig.1a) and other LT6 derivatives [30], this prop-opened structure ensures the selfinclusion of the side chain within the LT6 cavity.

To confirm the conformation of TPy-MeLT6 in solution,nuclear Overhauser effect spectroscopy(NOESY)was measured(Fig.S25 in Supporting information), where no obvious cross-peaks between the protons of side chain (H1, H2, H5, H6, H7) and the parent macrocyclic ring was observed,suggesting that the side chain does not easily occupy the cavity of MeLT6 in solution and enabling its application in the construction of supramolecular polymer with the aid of host-guest complexation.Therefore, we conclude that two conformations can be captured in one TPy-MeLT6 compound,i.e., a self-inclusion state in the crystalloid state and an armstretching state in solution ( Figs.1b-d).To understand the conformational extensibility of TPy-MeLT6,we carried out variable temperature NMR(VT-NMR,from-50°C to+40°C)experiments in CDCl3and CDCl3/CD3CN (4:1, v/v).As in Fig.S26 (Supporting information), proton signals (Haand Hb) of TPy-MeLT6 were broadened at above 20°C (in CDCl3) and 30°C (in CDCl3/CD3CN),respectively, and were all split at below 0°C consistently,suggesting the slow conformation interconversion between the self-inclusion and arm-stretching states.Such conformational flexibility is the key property desired for the construction of SPN in solution.

Meanwhile, two new TPE-based cationic guests, i.e., TPETPy+·4PF6-and TPE-MPy+·PF6-, were synthesized by substitution reaction in conjunction with counterions exchange for the subsequent self-assembly and function studies.As in Scheme 1,TPy-MeLT6, TPE-TPy+·4PF6-, and Zn(OTf)2formed a cross-linked SPN through the cooperation of the 1:2 metal-ligand coordination[38,39]ofZn2+and the terpyridine entities of TPy-MeLT6 and the 4:1 host-guest inclusion complexation between TPy-MeLT6 and the four pyridine arms of TPE-TPy+·4PF6-in CHCl3/CH3CN(4:1,v/v).

To study the coordination effect of TPy-MeLT6 toward Zn2+,UVvis absorption spectroscopy of TPy-MeLT6 in CHCl3/CH3CN (4:1,v/v)was measured upon titration with different concentrations of Zn(OTf)2(Fig.2a).With an increasing concentration of Zn2+, the UV-vis absorption peak of TPy-MeLT6 at 293 nm (attributed to π-π*transition of terpyridine groups)was gradually decreased in accompany with a continuous blue shift.Accordingly, a new absorption peak at 327 nm appeared as a result of the coordination of TPy-MeLT6 and Zn2+[40].In addition,the binding stoichiometry between TPy-MeLT6 and Zn2+was determined to be 2:1 by a plot of absorption changes versus Zn2+concentration(Fig.2b).According to fluorescence emission experiments (Fig.2c), characteristic emission peak of TPy-MeLT6 at 385 nm disappeared,accompanied by the appearance of a new peak at 427 nm, whose intensity was increased with an increasing amount of Zn2+.This further indicated the effective coordination of TPy-MeLT6 and Zn2+.The fluorescence enhancement can be attributed to two factors: (a) Zn2+possesses d10electron configuration that is beneficial for the emission enhancement attributed to the intra-ligand charge transfer processes [41]; (b) the emission intensity of the complexes is obviously larger than that of free linker,further suggesting that the enhancement of complex rigidity upon Zn2+coordination contributes greatly to the fluorescence enhancement[42].Compared with the coordinated complex of the corresponding monomer (TPy-Mono) and Zn2+(Fig.S27 in Supporting information), the coordination complex of TPy-MeLT6 and Zn2+exhibited stronger fluorescence emission because the high electron density of TPy-MeLT6 is favorable for charge transfer.

Scheme 1.Graphical representation of the construction of SPN from TPy-MeLT6, TPE-TPy+·4PF6-, and Zn(OTf)2 through supramolecular self-assembly and its stimuli responsiveness triggered by trifluoroacetic acid (TFA), dimethoxypillar[5]arene (DMP[5]A) and thermal heating.

Scheme 2.Synthetic routes to TPy-MeLT6, TPE-TPy+·4PF6- and TPE-MPy+·PF6-.

Fig.1.(a) Top view of single crystal structure of MeLT6.(b) Top view and (c) side view of single crystal structure of TPy-MeLT6.(d) Schematic representation of different confirmations of TPy-MeLT6 in the crystalloid state and in solution.Note:in the single crystal structures, C gray, O red, N blue.

As aforementioned, terpyridine group decorated on MeLT6 via flexible alkyl chain is at a state of swing in solution,facilitating its application in the construction of SPN through host-guest and coordination interactions.TPy-MeLT6 and TPE-MPy+·PF6-were used as model molecules to study host-guest interactions.Upon addition of TPy-MeLT6, the signal of protons in TPE-MPy+PF6-showed gradual upfield shift, indicating that pyridine salt motif entered the cavity of TPy-MeLT6 (Fig.S28a in Supporting information).In addition, the changes in the UV-vis absorption spectra and emission spectra(Fig.S29 in Supporting information)after adding TPE-TPy+·4PF6-intoTPy-MeLT6 further confirmed the existence of host-guest interactions.As calculated from NMR titrations (Fig.S28b in Supporting information), the binding constant (Ka) between TPy-MeLT6 and TPE-MPy+·PF6-was 19.5 L/mol (stoichiometry is 1:1).This relatively weak host-guest interaction was caused by the polar solvent of acetonitrile[43,44].

On the basis of the above investigations, we fabricated the fluorescent SPN via orthogonal self-assembly by combining host molecule TPy-MeLT6,guest molecule TPE-TPy+·4PF6-,and Zn2+in one system,taking advantage of both host-guest interactions and metal-ligand coordination.Briefly, TPy-MeLT6 (100 mmol/L),Zn(OTf)2(50 mmol/L), and TPE-TPy+·4PF6-(25 mmol/L) were dissolved in CHCl3/CH3CN (200 μL, 4:1, v/v, 298 K).Then, after shaking,the above solution gradually changed from pale yellow to purple.Finally,supramolecular polymer gel was obtained after the system was standing for 24 h.SEM image and digital photograph of the material(Fig.2d)also support the morphology in the gel state,that is, a typical glutinous surface morphology.Compared with TPy-MeLT6, TPy-MeLT6@Zn2+, and TPE-TPy+·4PF6-?TPy-MeLT6,an apparently small weight-average diffusion coefficient(D=2.67×10-10m2/s) of TPE-TPy+·4PF6-?TPy-MeLT6@Zn2+in DOSY experiments strongly supported the formation and practicability of supramolecular polymeric aggregates (Fig.3).

Fig.2.(a) UV-vis spectra (CHCl3/CH3CN=4:1, v/v, 298 K) of TPy-MeLT6 (4.0 μmol/L)upon titration with Zn2+(0-4.4 μmol/L).(b)Absorption changes at 293 nm(red-circle)and 327 nm(black-square).(c)Emission spectra(CHCl3/CH3CN=4:1,v/v, 298 K,λex= 349 nm, slit widths: ex.5 nm, em.5 nm) of TPy-MeLT6 (4.0μmol/L)upon titration with Zn2+ (0-4.4 μmol/L); (d) SEM image and photograph of the supramolecular polymer gel.

Fig.3.DOSY spectra(600 MHz, DMSO-d6, 298 K) of (a) 10 mmol/L TPy-MeLT6, (b)10 mmol/L TPy-MeLT6@Zn2+, (c) 10 mmol/L TPE-TPy+·4PF6-?TPy-MeLT6, and (d)10 mmol/L TPE-TPy+·4PF6-?TPy-MeLT6@Zn2+.

The unique properties of host-guest interaction of TPy-MeLT6 and TPE-TPy+·4PF6-together with metal-ligand coordination of Zn2+and terpyridine group provided a great possibility for disassembly of SPN in response to acid, competitive agent, and thermal heating.Based on the property that terpyridine group cannot bind with metal ions in acidic solution [45], we added trifluoroacetic acid (TFA) into the solution of SPN to investigate whether TFA could dissociate the SPN.The UV-vis spectroscopy results showed that absorption peak of TPy-MeLT6·Zn2+at 292 nm was increased in intensity in accompany with a red shift upon addition of TFA,while the absorbance at 327 nm was decreased and the shape of the absorption peak turned gradually to resemble that of TPy-MeLT6,proving that the SPN was dissociated in response to TFA (Fig.4a).In Fig.4b, upon addition of TFA into the solution of SPN, the fluorescence intensity was decreased evidently and showed negligible change after adding 240 μmol/L TFA ([TPy-MeLT6]= 4μmol/L) because of the entire protonation of terpyridine group.Significantly, to further prove the TFA-responsive decomposition of SPN, we exposed the supramolecular polymer gel to TFA vapor and the gel gradually turned into solution,indicating that the cross-linked structure of gel was destroyed in the presence of TFA (Fig.4d).

Fig.4.(a) UV-vis spectra of the SPN (1.0 μmol/L) upon addition of TFA (0-240 μmol/L, CHCl3/CH3CN=4:1, v/v, 298 K); (b) Emission spectra (λex= 349 nm, slit widths: ex.5 nm, em.5 nm) of the SPN (1.0μmol/L) upon addition of TFA (0-240 μmol/L,CHCl3/CH3CN=4:1,v/v,298 K);(c) 1H NMR spectra of the SPN(1.0 mmol/L)upon addition of DMP[5]A (0-16.0 mmol/L, 300 MHz, CDCl3/CD3CN=4:1, v/v,298 K);(d)Images of gel-sol transitions triggered by different stimuli(temperature,pH, and competitive reagent).

Then, the gel-sol transition in response to certain competitive agents was further studied by adding host competitive agent into the supramolecular polymer.There is no doubt that the weakened interactions between TPy-MeLT6 and TPE-TPy+·4PF6-is beneficial for competitive responsiveness, that is to say, when a supramolecular macrocycle with stronger binding capacity toward TPETPy+·4PF6-is added,the structure of polymer will be destroyed to achieve stimulus-responsiveness.To prove this concept, the construction mechanism of the as-synthesized SPN and its smart responsiveness were investigated in detail.DMP[5]A possesses better solubility in polar solvent (CDCl3:CD3CN, v/v=4:1) with a higher binding constant(Ka=43.9 L/mol)toward TPE-MPy+·PF6-as compared with TPy-MeLT6(Ka=19.5 L/mol),thus DMP[5]A would be a suitable competitive agent for the gel-sol transition(Figs.S28c and d in Supporting information).Firstly,the titration experiments of DMP[5]A and SPN were carried out by1H NMR spectroscopy.Upon addition of DMP[5]A, the peak of pyridine salt motif at 8.64 ppm was gradually upshifted because the cavity of DMP[5]A interacted with the pyridine salt motif while the cavity of TPy-MeLT6 existed (Fig.4c).More intuitively, when DMP[5]A was added into the supramolecular polymer gel, the original gel was transformed into solution and it could also be transformed into solution in response to an elevated temperature(Fig.4d).Based on the above experimental results,the as-prepared SPN demonstrated excellent multi-stimuli responsiveness and fluorescence-responsive properties, showing great potential in fluorescence sensing.

In summary,we fabricated a multi-responsive fluorescent SPN from the newly synthesized terpyridine-monofunctionalized LT6(TPy-MeLT6) host, TPE-based tetratopic guest linker,and Zn2+ion through orthogonal self-assembly of host-guest interaction and metal-ligand coordination.The as-synthesized cross-linked SPN could be depolymerized by acid addition, competitive host, and thermal heating.This work not only presented a new functionalization method of synthetic macrocycles but also illustrated the synergistic construction of multi-stimuli responsive functional soft materials, providing a promising strategy for the development of fluorescent SPN materials.

Declaration of competing interest

The authors declare that they have no known competing financial interests or personal relationships that could have appeared to influence the work reported in this paper.

Acknowledgment

We thank the National Natural Science Foundation of China(No.21871108) for financial support.

Appendix A.Supplementary data

Supplementary material related to this article can be found,in the online version,at doi:https://doi.org/10.1016/j.cclet.2019.10.023.